﻿.container-wrapper{
	margin-left:-15px;
	margin-right:-15px;
}
.ms-SPZone > .s4-wpActive, .ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpActive {
    border: 1px solid #0067b0;
    padding: 5px 10px 10px;
    border-collapse: separate;
    position: relative;
    z-index: 999;
}
.ms-core-menu-box.ms-shadow {
    position: relative;
    z-index: 9998;
}
.ms-ToolPaneOuter {
    position: relative;
    z-index: 9999;
}
body {
    overflow: auto !important;
    font-family: Roboto;
    font-size: 14px;
    color: #333333;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}
.o365cs-nav-header16 .o365cs-nav-leftAlign {
    display: none!important;   
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    src: url('/Style%20Library/PortalBenTre/Fonts/Roboto/Roboto-Regular.woff2') format('woff2'),url('/Style%20Library/PortalBenTre/Fonts/Roboto/Roboto-Regular.woff') format('woff'),url('/Style%20Library/PortalBenTre/Fonts/Roboto/Roboto-Regular.ttf') format('truetype'),url('/Style%20Library/PortalBenTre/Fonts/Roboto/Roboto-Regular.eot') format('embedded-opentype');
}

@font-face {
    font-family: "Roboto-Bold";
    font-style: normal;
    font-weight: normal;
    src: url('/Style%20Library/PortalBenTre/Fonts/Roboto/Roboto-Bold.woff2') format('woff2'),url('/Style%20Library/PortalBenTre/Fonts/Roboto/Roboto-Bold.woff') format('woff'),url('/Style%20Library/PortalBenTre/Fonts/Roboto/Roboto-Bold.ttf') format('truetype'),url('/Style%20Library/PortalBenTre/Fonts/Roboto/Roboto-Bold.eot') format('embedded-opentype');
}

@font-face {
    font-family: "Roboto-Medium";
    font-style: normal;
    font-weight: normal;
    src: url('/Style%20Library/PortalBenTre/Fonts/Roboto/Roboto-Medium.woff2') format('woff2'),url('/Style%20Library/PortalBenTre/Fonts/Roboto/Roboto-Medium.woff') format('woff'),url('/Style%20Library/PortalBenTre/Fonts/Roboto/Roboto-Medium.ttf') format('truetype'),url('/Style%20Library/PortalBenTre/Fonts/Roboto/Roboto-Medium.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('/Style%20Library/PortalBenTre/Fonts/Roboto/RobotoCondensed-Regular.eot');
    src: url('/Style%20Library/PortalBenTre/Fonts/Roboto/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('/Style%20Library/PortalBenTre/Fonts/Roboto/RobotoCondensed-Regular.woff') format('woff'), url('/Style%20Library/PortalBenTre/Fonts/Roboto/RobotoCondensed-Regular.ttf') format('truetype'), url('/Style%20Library/PortalBenTre/Fonts/Roboto/RobotoCondensed-Regular.svg#Pacifico') format('svg');
}

@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('/Style%20Library/PortalBenTre/Fonts/Roboto/RobotoCondensed-Bold.eot');
    src: url('/Style%20Library/PortalBenTre/Fonts/Roboto/RobotoCondensed-Bold.woff') format('woff'), url('/Style%20Library/PortalBenTre/Fonts/Roboto/RobotoCondensed-Bold.ttf') format('truetype'), url('/Style%20Library/PortalBenTre/Fonts/Roboto/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg'), url('/Style%20Library/PortalBenTre/Fonts/Roboto/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
/********/
html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400 !important;
}

select {
    margin: 0;
    padding: 0;
    outline: 0;
}

ul, li {
    list-style: none; margin:0;padding:0;
}

ul, ol {
    margin-bottom: 0px;
}

html, body {
	font-family:Roboto;
	font-size: 14px;
	color: #333333;
	margin: 0;
	padding: 0;
	height: 100%;
}
 body {
 	/*overflow:auto!important;*/
}
body a {
    text-decoration: none;
    cursor: pointer;
}
.h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	/*line-height: 18px;
	margin: 0px;*/
}
.clearfix, ul.list li {
    zoom: 1;
}
.clearfix:before, .clearfix:after, ul.list li:before, ul.list li:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after, ul.list li:after {
    clear: both;
}
a, button, code, div, img, input, label, li, p, pre, select, span, svg, table, td, textarea, th, ul {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0;
    outline: 0;
}
/* genaral */
.m0 {
    margin: 0 !important;
}

.m5 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m20 {
    margin: 20px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt2 {
    margin-top: 2px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt7 {
    margin-top: 7px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
   /* margin-top: 20px !important;*/
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr7 {
    margin-right: 7px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.p0 {
    padding: 0 !important;
}

.p10 {
    padding: 10px !important;
}

.p1020 {
    padding: 10px 20px !important;
}

.p20 {
    padding: 20px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt2 {
    padding-top: 2px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt7 {
    padding-top: 7px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr1 {
    padding-right: 1px !important;
}

.pr2 {
    padding-right: 2px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pointer {
    cursor: pointer !important;
}

@media(min-width:768px) {
    .td60 {
        width: 60px !important;
    }

    .td80 {
        width: 80px !important;
    }

    .td100 {
        width: 100px !important;
    }

    .td120 {
        width: 120px !important;
    }

    .td150 {
        width: 150px !important;
    }

    .td200 {
        width: 200px !important;
    }

    .td250 {
        width: 250px !important;
    }
}

@media(min-width:992px) {
.pd0 {
		padding:0!important;	
	}	
    .md-pl-0 {
       /* padding-left: 0 !important;*/
    }

    .md-pr-0 {
       /* padding-right: 0 !important;*/
    }

    .md-pl-10 {
        padding-left: 10px !important;
    }

    .md-pl-5 {
        padding-left: 5px !important;
    }

    .md-pr-5 {
        padding-right: 5px !important;
    }

    .md-pr-10 {
        padding-right: 10px !important;
    }

    .md-mt-10 {
        margin-top: 10px !important;
    }

    .md-ml-sub1 {
        margin-left: -1px !important;
    }

    .md-ml-sub3 {
        margin-left: -3px !important;
    }

    .md-pb-10 {
        padding-bottom: 10px !important;
    }

    .md-pb-15 {
        padding-bottom: 15px !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .sm-pl-0 {
        padding-left: 0 !important;
    }

    .sm-pr-0 {
        padding-right: 0 !important;
    }

    .sm-pl-5 {
        padding-left: 5px !important;
    }

    .sm-pl-10 {
        padding-left: 10px !important;
    }

    .sm-pr-5 {
        padding-right: 5px !important;
    }

    .sm-pr-10 {
        padding-right: 10px !important;
    }

    .sm-ml-sub1 {
        margin-left: -1px !important;
    }

    .sm-ml-sub3 {
        margin-left: -3px !important;
    }

    .sm-pb-10 {
        padding-bottom: 10px !important;
    }

    .sm-pb-15 {
        padding-bottom: 15px !important;
    }
    /**/
    .sm-pull-left {
        float: left !important;
    }
}

@media(max-width:767px) {
    .xs-mb-5 {
        margin-bottom: 5px !important;
    }

    .xs-mb-10 {
        margin-bottom: 10px !important;
    }

    .xs-mb-15 {
        margin-bottom: 15px !important;
    }

    .xs-mt-0 {
        margin-top: 0px !important;
    }

    .xs-mt-10 {
        margin-top: 10px !important;
    }

    .xs-mt-15 {
        margin-top: 15px !important;
    }

    .xs-pt-10 {
        padding-top: 10px !important;
    }

    .xs-pt-15 {
        padding-top: 15px !important;
    }

    .xs-pb-10 {
        padding-bottom: 10px !important;
    }

    .xs-pb-15 {
        padding-bottom: 15px !important;
    }

    .xs-pl-0 {
        padding-left: 0px !important;
    }

    .xs-pl-10 {
        padding-left: 10px !important;
    }

    .xs-pr-0 {
        padding-right: 0px !important;
    }

    .xs-pull-left {
        float: left !important;
    }

    .xs-pull-right {
        float: right !important;
    }

    .xs-text-left {
        text-align: left !important;
    }

    .xs-text-right {
        text-align: right !important;
    }

    .xs-clear {
        display: block;
        clear: both;
        height: 7px;
        overflow: hidden;
        border: 0 !important;
    }
    /**/
    .xs-pull-left {
        float: left !important;
    }

    .xs-ml-sub1 {
        margin-left: -1px !important;
    }

    .xs-ml-sub3 {
        margin-left: -3px !important;
    }
}
/** for table **/
.td-center {
    text-align: center !important;
}

.td-right {
    text-align: right !important;
}

.td50 {
    width: 50px !important;
}

.td70 {
    width: 70px !important;
}

.td100 {
    width: 100px !important;
}

.td150 {
    width: 150px !important;
}

.td200 {
    width: 200px !important;
}

.item-addnew .form-control {
    height: 28px;
    padding: 2px 6px;
}

.item-addnew .btn-xs {
    padding: 4px 12px;
}

.label-left-border {
    color: #000;
    border-left: 2px #444 solid;
    background-color: #d5d5d5;
    font-weight: 400;
    font-size: 13px;
    padding: 2px 7px 2px 5px;
}

    .label-left-border.label-success {
        border-left-color: #0088cb;
    }
/******/
.text-red {
    color: #e00 !important;
}

.bold {
    font-weight: 600 !important;
}

.form-control.short {
    width: 80px;
}

.form-control.no-border {
    border: 0 !important;
    padding: 2px 0 5px 0 !important;
    height: auto;
    margin-left: -5px;
    background-color: transparent;
    font-size: 12px;
}

.text-transparent {
    color: transparent;
}

.text-white {
    color: #fff;
}

.text-transparent {
    color: transparent;
}

.text-16 {
    font-size: 14px !important;
}

.text-18 {
    font-size: 14px !important;
}

.text-20 {
    font-size: 14px !important;
}
.form-group.row .form-control-static {
    padding-top: 0;
}
.form-bordered .form-group {
   /* border-bottom: 1px solid #e9ecef;
    padding-bottom: 20px;*/
}
.form-bordered .form-group:last-child{
  border-bottom: 0px solid #e9ecef;

}
.form-bordered .form-group:nth-of-type(odd) {
    /*background: #f8f9fa;*/
}
/****/

@media (min-width: 768px) {
    .modal-dialog.w1000 {
        width: 1000px;
        max-width:1000px;
    }

    .modal-dialog.w900 {
        width: 900px; max-width:900px;
    }

    .modal-dialog.w800 {
        width: 800px; max-width:800px;
    }

    .modal-dialog.w700 {
        width: 700px; max-width:700px;
    }

    .modal-dialog.w500 {
        width: 500px; max-width:500px;
    }

    .modal-dialog.w400 {
        width: 400px; max-width:400px;
    }    
}
/***/
select {
    margin: 0;
    padding: 0;
    outline: 0;
}

ul, li {
    list-style: none;
}

ul, ol {
    margin-bottom: 0px;
}

body a, body a:visited {
    color: #333333;
}
/***Custom Scrollbars***/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background-color: #e2e3e5;
}

::-webkit-scrollbar-thumb {
    background-color: #919da5;
    border-radius: 4px !important;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #637389;
    }

::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: none;
    border: 0;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: none;
}
/******************************************portal***/
/**** sharepoint ***/
body{
	font-size:14px; font-family:Roboto;
    line-height: 1.5;
}
#s4-workspace{
	margin:0 auto;
    -webkit-overflow-scrolling: touch;
}
#s4-ribbonrow {
    position: relative;
    z-index: 1000;
}
#siteIcon{
	margin-right:25px;
}
#s4-ribbonrow *, #suiteBar *{
	box-sizing:content-box!important;
	 -webkit-box-sizing:content-box!important;

}
.ms-welcome-root > a.ms-core-menu-root, .ms-signInLink{
	float:right;
}
#s4-titlerow{
	display:none!important;
}
#pageStatusBar{
	display:none!important;
}
#contentBox {
	max-width: 1140px;
    margin: 0 auto!important;
    min-width: 320px;
  
}
.ms-siteSettings-root{
	margin:10px 20px;	
}
/*****/
.o365cs-nav-header16 .o365cs-nav-leftAlign{
	display:none!important;
}
div.ms-webpart-cell-vertical-inline-table{
	display:block!important;
}
div.ms-WPBorder {
    border: 0px solid #c6c6c6;
}
#DeltaPlaceHolderMain > div{
	padding-left:0px!important;
}
a:hover, a:active{
	text-decoration:none;
}
b, strong {
    font-weight: 600;
}
#s4-bodyContainer {
    padding-bottom: 0!important;
}
input[type=button], input[type=reset], button
/*input[type=submit] {
    min-width: 10px;
    padding: 7px 10px;
    font-family: Roboto;
    font-size: 14px;
    color:#333333;*/
}
div .ms-promlink-button {
    width: 24px;
    height: 24px;
}
.ms-tileview-tile-detailsListMedium li{
	font-size:13px;
}
div.ms-InlineSearch-Outline-Empty, div.ms-InlineSearch-Outline-Baseline, div.ms-InlineSearch-Outline-Focused {
    border-color: transparent;
}
table.ms-listviewtable td, table.ms-listviewtable th{
	font-size:14px;
}
table.ms-listviewtable *{
	box-sizing:content-box;
}
.s4-ctx a {
    float: right;
}
@media (max-width:767px){
.o365cs-nav-leftAlign, #O365_MainLink_Help{
	display:none!important;
}
#O365_MainLink_Settings + .o365cs-nav-contextMenu.o365spo.contextMenuPopup{
	right:auto;
	left:0;
}
}
.zoneRight .ms-webpartzone-cell {
    margin: auto auto 10px;
}
/***** popup sharepoint **/
div.ms-dlgFrameContainer{
	/*padding:10px 0 0 0 ;*/
}
.ms-dlgFrame{
	width:100%!important;
}
.ms-dlgTitle h1{
	margin:0;
	width:90%;
}
#dlgTitleBtns {
    margin: -6px 0px 0px 0px!important;
    z-index: 20;
}
.js-callout-mainElement .js-callout-headerArea *{
	box-sizing:content-box;
}
span.die{
	display:none;
}
#s4-titlerow {
    padding-top: 0px;
    padding-bottom: 4px;
    max-width:1100px;
    margin:0 auto;
    height:auto;
    border-bottom:1px #ddd solid;
    margin-bottom:10px;
}
h1.ms-core-pageTitle {
    font-size: 18px;
    margin-top:10px;
}
#statechangedialog{
	padding:0 20px;
}
/*** ms-dialog **/
.ms-dialog .header, .ms-dialog .footer, .ms-dialog #s4-ribbonrow,
.ms-dialog .portal-right,.ms-dialog .egovBanner,.ms-dialog .pageMenuTop,.ms-dialog .topPage{
	display: none;
}
.ms-dialog .category,.ms-dialog .portal-left{
    margin-bottom: 0;
}
.ms-dialog div#sideNavBox {
	display:none;
}
.ms-dialog .portal-banner,.ms-dialog .navbar{
	display:none;
}
.ms-dialog .menu-sub-parent{
	display:none;
}
.ms-dialog #DeltaPlaceHolderMain > table{
	width:100%;
}
.ms-dialog contentBox {
    margin-right: 0;
    margin-left: 0; 
}
.ms-dlgBorder {
    border: 0;
}
.ms-dlgTitleText {   
    line-height:normal;
    padding-left:0;
    padding-top: 0;
    color:#333333;
    font-weight: 500;  
    font-size: 16px; font-family:"RobotoCondensed-Bold"!important; text-transform:uppercase;

}
.ms-dlgCloseBtn > span:hover {
    border: 1px solid transparent;
}
.ms-dlgTitle {
    border-bottom: 1px solid #EFEFEF;
}
/***Ban hanh***/
.ms-dialog  .gc-textbox textarea{
	width:100%!important;
}
.ms-dialog .Action{
	padding-top:15px;
}
.ms-dialog #contentBox .container{
	padding:0;
}
/**********************************************************************************************************End OK**/
/** sharepoint bi dung bootstrap ***/
.ms-inlineSearch-searchImgSpanBase, .ms-InlineSearch-DivBaseline, .ms-InlineSearch-DivBaseline *, .ms-bottompaging *,
.ms-promlink-root *, .ms-storefront-paging * ,.ms-psum-paging-buttons, .ms-psum-paging-buttons *{
	box-sizing:content-box;	
}
.propertysheet input[type=text]{
	width:auto;
}
h3.ms-linksection-title{
	font-size:18px;
	margin-top:0;
}
.ms-formrecurrence input[type=text]{
	width:auto;
}
.ms-dtinput input[type=text], .ms-dttimeinput select{
	/*width:auto;
	max-width:100px;*/
}
textarea.ms-long{
    width:100%;
}
.ms-webpartzone-cell{
	margin:0;
}
/*** chinh lai bootstrap **/
@media (max-width:320px){
@-ms-viewport {
  width: 320px;
}
}
#s4-workspace{
	clear:both;
}
#s4-workspace select,#s4-workspace input[type=text],#s4-workspace textarea{
   background-color: #fff; border-radius:0;
    border: 1px solid #c2cad8;    outline: none;padding: 6px 12px;box-shadow: none!important; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   /* width: 100%;*/
    box-sizing: border-box;
}
.menu input[type=text]{
    padding: 5px 25px 5px 15px;
    border-radius: 30px;
    border: 1px solid #ccc;
    border-top: 1px solid #aaa;
    font-size: 13px;
    color: #666;
    width: 182px;
}
.ms-dtinput input[type=text], .ms-dttimeinput select{
	width:auto;
	max-width:120px; height:34px;
}
textarea.ms-long{
    width:100%;
}
input[type=checkbox] + label{
	line-height:25px;
	margin-left:5px;
	margin-bottom:0;
}
input[type=radio] + label{
	margin-left:5px;
	padding-top:0;
	margin-right:20px;
}
.ms-webpart-chrome-title *, .ms-srch-Paging *{
	box-sizing:content-box;
}
table.ms-core-tableNoSpace, table.ms-core-tableNoSpace table{
	width:100%;
}
.card-layRow.row{
	margin-left:0;
	margin-right:0;
	text-align:justify;
}
.card-layRow.row .col-md-6, .card-layRow.row .col-md-12{
	padding-left:0;
	padding-right:0;
}
@media(min-width:768px){
.card-layRow.row{
	margin-left:-10px;
	margin-right:-10px;
}
.card-layRow.row .col-md-6, .card-layRow.row .col-md-12{
	padding-left:10px;
	padding-right:10px;
}
}
/*mobile first*/
@media (max-width:767px){
#s4-workspace, div.sp-banner{
	/*max-width:620px;*/
}
}
/**** main ***/
div#contentRow{
	padding:0;
	
}
@media (min-width:768px){
.ms-dialog #s4-workspace{
	background-image:none;
}
}
.homeTop .s4-wpcell > .ms-webpart-chrome,.homeTop .s4-wpActive > .ms-webpart-chrome {
    border: 0;
}

/*** chinh lai sharepoint / responsive **/
.ms-webpart-zone {
    display: block;
}
.ms-webpart-cell-vertical {
    display: block;
}
.ms-webpart-chrome-vertical {
    display: block;
}
.ms-toolbar .ms-descriptiontext{
	display:none;
}
div.ms-webpart-cell-vertical-inline-table{
	display: block!important;
}
div.ms-webpart-chrome{
	display:block;
}
.ms-webpart-chrome-title{
	empty-cells:hide;
}
div.ms-WPBorder{
	border:0;
}
@media (max-width:767px){
	div.ms-webpartzone-cell {
	    margin: auto auto 5px!important;
	}
}
/***banner***/
@media(min-width:992px) {
    .sp-banner {
        width: 100%;
        height: 116px;
    }

    .sp-menu {     
       /*height: 34px;
       line-height:36px;*/
    }
}
/**** slide img banner ***/
@media (max-width:991px) {
    .sp-banner-slide {
        display: none !important;
    }
}

@media (min-width:992px) {
    .sp-banner {
        overflow: hidden;
    }
	.sp-banner > .container{
		 position:relative;	
	}
    .sp-logo {     
        float: left;
        position:relative;
        z-index:3;
    }
	.sp-logo img{
	margin-top:-1px;
		
	} 
    .slide-banner {
        position:absolute;
        height: 116px;  
        right:0px;
        z-index:2;       
    }
    .sp-menu {
        clear: both;     
	    height: 36px;
	    padding: 0;	 
	 }
}
/****************************************Moi----Menu top************/
div.sp-menu{
	padding:0;
}
.container.container-BT1{
	padding-left:7px;
}
.menu-top{
	margin-left:10px; margin-top:1px;
}
.header-navigation > ul > li {
    float: left; padding-top:0px; padding-bottom:0px;  border-top:2px transparent solid;  height:36px; 
}
.header-navigation > ul > li > a {
    color: #fff;
   display: block;
    margin-top:1px;
  	padding:6px 15px; padding-right:15px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'RobotoCondensed-Bold', sans-serif;
    font-weight: 600;     
}
.header-navigation .dropdown-menu li.dropdown-submenu > a {
    padding-right: 20px;
}
.header-navigation .dropdown-menu li.dropdown-submenu > a:after {
    position: absolute;
    top: 8px;
    right: 5px;
    display: inline-block;
    width: 1.25em;
    text-align: center;
    color: #888;
    content: "\f105";
    display: none;
}
.header-navigation .dropdown-menu li > a {
    color: #222;
}
.menu-top .dropdown-toggle:after {
    display: none;
}
@media (min-width:991px) {
	.menu-top > div > ul > li:first-child > a{
		border-left:0;
		padding-left:0px;	
	}
	.menu-top > div > ul > li:last-child > a{
		border-right:0;	
	}  
    .logoPortal img {
        padding-top: 10px;
    }
    .menu-top .header-navigation > ul > li:hover, .menu-top .header-navigation > ul > li:focus,.menu-top .header-navigation > ul > li.Selected{
        background-color: #efefef;
        color: #ff0000;
        border-top:2px #da251d solid;
    }
    .menu-top .header-navigation > ul > li:hover > a, .menu-top .header-navigation > ul > li:focus > a,.menu-top .header-navigation > ul > li.Selected > a{       
        color: #ff0000; border-left:1px transparent solid; border-right:1px transparent solid;       
    }
    .header-navigation > ul  > .menutop-index-0 a {
        display: block;
        width: 50px;
        overflow: hidden;
        padding: 0px;
        border: none;
        font-size: 0px;
    }
    .header-navigation > ul  > .menutop-index-0 a:before {
        content: " ";
        display: block;     
        height: 28px;padding-left: 5px;
        background: url('/Style Library/PortalBenTre/Images/icon-home.png') center center no-repeat transparent;
    }
    .header-navigation > ul  > .menutop-index-0 a:hover:before, .header-navigation > ul  > .menutop-index-0 a:focus:before,
    .header-navigation > ul  > .menutop-index-0 a.Selected:before {
        content: " ";
        display: block;padding-left: 5px;      
        height: 30px;
        background: url('/Style Library/PortalBenTre/Images/icon-home-red.png') center center no-repeat transparent;
    }
    .sp-menu .navbar-collapse {
        padding: 0 !important;
    }
    .mobile-arrows {
        display: none;
    }
    .header-navigation .dropdown-menu {
        left: auto;
        top: 100%;
        padding: 0;
        background: #fff;
        position: absolute;
        border: none;
        box-shadow: 5px 5px rgba(91, 91, 91, 0.2);
        text-transform: none;       
        letter-spacing: 0;
        border-radius: 0;
        z-index: 9999;
        display: none;
        min-width: 175px;
        float: left;
    }
	.header-navigation .dropdown-menu > li:first-child {
		border-top: solid 2px #ea4c1d;
	}	
	.header-navigation .dropdown-menu li {
		padding: 0px 0px;
		margin: 0;
		border-bottom: solid 1px #efefef;
		position: relative;
		float: none;
	}	
	.header-navigation .dropdown-menu li:last-child {
		border: none;
	}	
	.header-navigation .dropdown-menu li > a {
		padding: 7px 10px;
		font-weight: 400;
		color: #222;
		display:block;
	}	
	.header-navigation .dropdown-menu > li > a:hover, .header-navigation .dropdown-menu > li.active > a, .header-navigation .header-navigation-content .header-navigation-col li > a:hover, .header-navigation .header-navigation-content .header-navigation-col li.active > a {
		background: #ea4c1d;
		color: #fff;
	}
    .header-navigation > ul > li:hover > .dropdown-menu {
        display: block;
    }
    .header-navigation > ul > li > .dropdown-menu {
        margin-top: -2px;
        border-top: solid 0px transparent;
        z-index: 1001;
    }
    /* Dropdown submenu support for Bootsrap 3 */
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu > .dropdown-menu {
        top: 5px;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
    }   
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropup .dropdown-submenu > .dropdown-menu {
        top: auto;
        bottom: 0;
        margin-top: 0;
        margin-bottom: -2px;
    }
    /****searrch***/
    .top-menu-left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  
}
    .top-menu-left > div,.link-website{
	display: inline-flex;
}
    .sp-menu > .container{
		position:relative;
	}
    .top-search-sp{
		position: absolute;
	    height: 33px;
	    right: 0px;
	    top: 6px;
	}
	.link-website {  
	     border-left: 1px #268052 solid;
  
	}
	.link-website a,.link-website a:link,.link-website a:visited{
		/*color:white; text-decoration:underline; font-style:italic; font-size:13px; font-family:Roboto;*/color: #fff;
    display: block;
    margin-top: 1px;
    padding: 6px 15px;
    padding-right: 15px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'RobotoCondensed-Bold', sans-serif;
    font-weight: 600;
	}
	.link-website a:hover,.link-website a:focus{
		color:#fffdc0;
	}
	.ms-tableCell #SearchBox > div {
	    border-radius: 3px;
	}	
	.ms-srch-sb,.ms-srch-sb:hover,.ms-srch-sb:focus{
		border:0;
	}
	.ms-srch-sb{
		background-image: linear-gradient(to right, rgba(177,209,193,0.1), rgba(255,255,255,0.7));;
		border-radius: 3px!important;
		height: 26px!important; border:0px;
	}
	.ms-srch-sb > input[type=text] {	    
	    height: 26px!important; border:0!important;
	    margin: 0px;
	    padding: 3px 8px;
	    width: 165px!important;
	    color: #434343!important;
	    font-size: 13px!important;
	    background-color: transparent !important; cursor:pointer;font-style:italic; 
	  
	}	
	div.ms-mpSearchBox {
	    width: 200px;
	    float:left;	   	

	}
	#searchInputBox{
		float:none;
		margin-bottom:0; margin-top:2px;
	}	
	#SearchBox > div{
	    border-radius: 3px;
	}	
	#SearchBox  .ms-srch-sb-navLink{
		display:none;
	}
	#SearchBox  .ms-srch-sb-searchLink{
		float:right;
		height: 25px;
		width: 25px;
		margin-top:0px;
	}
	#SearchBox  .ms-srch-sb-searchLink:hover{
	
		text-decoration:none;
	}
	#SearchBox  .ms-srch-sb-searchLink img{
		display:none;
	}
	#SearchBox  .ms-srch-sb-searchLink:before{
		font-family:FontAwesome;
		font-size:17px;
		color:#c72c2b;
		content:"\f002";
		padding-left:6px;
	}
	#SearchBox  .ms-srch-sb-searchLink:hover:before{
		color:#9ecdff;
	}
}

@media all and (max-width:991px) {
	.visible-xs, .visible-sm{
	    display: block !important;
	}
	.hidden-xs{
		display:none !important;
	}   
	.sp-header{
		margin:0px!important;
	}
    .sp-banner .container {
        height: 60px; padding-left:10px;
    }  
    .sp-menu {
        position: relative;
        box-sizing: border-box;
    }
	.sp-header  .sp-menu > .container {
		background-color: transparent!important;
		border-bottom: 0px #024e27 solid!important;	
	}
   .sp-menu  .navbar-toggler {
        position: absolute;
        right: 20px;
        top: -48px;       
    }
    .sp-menu .navbar-collapse {		
		top: 0px;
		position: absolute;
		left: 0px;right: 0px;
		width: 100%;
		padding: 0 10px;  
		position: relative;      
		z-index: 999;    
  	}
	.top-menu-left.pull-left{
		float:none; width:100%;
	}
	.top-search-sp.pull-right{
		float:none;
	}
	.ms-mpSearchBox {   
	    display: none;
	}
	.sp-menu div.row{
		width:100%;
	}
    .navbar-toggle:not(.collapsed) .sr-only + .icon-bar {
        transform: rotate(-45deg);
        top: 16px;
        position: absolute;
    }
    .navbar-toggle:not(.collapsed) .sr-only + .icon-bar + .icon-bar {
        background-color: transparent !important;
    }
    .navbar-toggle:not(.collapsed) .sr-only + .icon-bar + .icon-bar + .icon-bar {
        transform: rotate(45deg);
        top: 12px;
        position: absolute;
    }
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: white;
        border: 0;
        padding: 10px 15px;
        margin: -40px 0 0 -15px;
        min-width: 30px;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        background-color: #d9281c !important;
    }
    .sp-menu .nav > li span a {
        display: block;
        overflow: hidden;
        line-height: 20px;
        padding-top: 14px;
        padding-bottom: 14px;
        color: #555;
    }
    .sp-menu .nav > li span a:hover {
        color: #000;
        text-decoration: none;
    }
    .navbar-nav > li a {
        padding-top: 13px;
        padding-bottom: 13px;
        border-top: 1px #e5e5e5 solid;
        padding-left: 20px;
        line-height: 16px;
    }
    .navbar-nav > li[class*="nav-"] a:before {
        font-family: FontAwesome;
        font-size: 18px;
        color: #999;
        content: "\f0a9";
        margin-right: 10px;
    }
    .navbar-nav > li[class*="nav-"] a:hover:before {
        color: #000;
    }
    .sp-menu .menutop-index-0:last-child {
        border: none;
    }
    div.header-navigation .dropdown-menu {
        position: static;
        width: 100%;
        margin: 0;
        border: none;
        box-shadow: none;
        background: none;
        margin-top: 0;
        border-top: none;
        z-index: 22;
    }
    .sp-menu .header-navigation .menutop-LV1.Selected.hasChildren .containerdiv-LV2 ul {
        background-color: #2390d6;
    }
    div.sp-header .header-navigation > ul > li {
        float: none;
        padding: 0;
        clear: both;
        position: static;
        border-bottom: 1px rgb(255 255 255 / 14%) solid;
        border-top:0px transparent solid;  height:auto; 
    }
    

    div.header-navigation {
        width: 100%;
        padding: 0;
    }
    .header-navigation > ul > li > .dropdown-menu {
        margin: 0;
    }
    .header-navigation > ul > li > a {
        color: #fff;
        font: 600 16px/40px 'RobotoCondensed-Bold', sans-serif;        
        padding: 0px 10px 0px 10px;
        box-sizing: border-box;       
        text-decoration: none;
    }
    .header-navigation .dropdown-menu li {
        border-top: 0 !important;       
    }
    .header-navigation .dropdown-menu > li > a:before {
        content: "\f054 ";
        font-family: FontAwesome;
        font-size: 10px;
        margin-right: 5px;
    }
    .dropdown-submenu .dropdown-menu > li > a {
        color: #e4e4e4;
        border-bottom: 1px rgb(255 255 255 / 14%) solid;
    }  
    .header-navigation ul li a {
        clear: both;
        width: 100%;
        float: left; 
        color:#fff;
    }
    .header-navigation .dropdown-menu li > a{
		 color:#fff;	
	}
    .header-navigation ul li .mobile-arrows {
        padding: 10px 10px;
        display: block;
        border-left: 1px solid rgba(0,0,0,.1);
        margin: 0;
        cursor: pointer;
        float: left;
        width: 40px;
        margin-left: -40px;
    }
    .header-navigation ul li .mobile-arrows .fa {
        color: #d00;
    }
    .dropdown-menu > li > a {
        padding: 9px 0px 9px 20px;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }
    .header-navigation .dropdown-menu,
    .header-navigation > ul > li > .dropdown-menu {
        position: static;
        width: 100%;
        margin: 0;
        border: none;
        box-shadow: none;
        background: rgb(255 255 255 / 14%);
        margin-top: 0;
        border-top: none;
        z-index: 22;
        display:block;
    }
	.header-navigation .dropdown-menu li {
		border: none !important;
	}	
	.header-navigation .dropdown-menu li.dropdown-submenu > a {
		padding-left: 30px;
	}	
	.header-navigation .dropdown-menu.menuC4 li.dropdown-submenu a {
		padding-left: 40px !important;
	}	
	.header-navigation .dropdown-menu.menuC5 li.dropdown-submenu a {
		padding-left: 50px !important;
	}
    .header-navigation .dropdown-menu li.dropdown-submenu > a + .mobile-arrows {
        padding: 9px 10px;
    }
    .header-navigation .dropdown-menu li.dropdown-submenu > a:before {
        content: "\f111";
        font-size: 8px;
        color: #fff;
        vertical-align: middle;
    }
    .link-website{
		padding:10px;
	}
	.link-website a{
		color:#fff;
	}
	.link-website a span{
		margin-left:20px; display:block; color:white;
		border-top: rgb(255 255 255 / 14%);

	}
}

/****end menu top mobile****/
/*************************Menu Left******************/
.menu-left {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    background: #FFF;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
}
.menu-left .container {
    padding: 0px;
}
.menu-left .left-navigation {
    margin-top: 0px;
}
.left-navigation > ul > li > a {
   color: #fff;
    display: block;   
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'RobotoCondensed-Bold', sans-serif;
    font-weight: 500; padding: 7px 10px 6px 10px;  border-bottom: 1px #eaeaea solid; text-align:left;       
   
}
.menu-left .left-navigation > ul > li {
    float: none;
    clear: both;
}
.menu-left .dropdown-toggle::after{
	display:none;
}
.menu-left .left-navigation > ul > li > a {
    /*color: white;
    border-bottom: solid 1px #dfdddd;
    transition: all 0.2s ease-out 0s;
    background: #0088CB;
    padding: 4px 8px;*/
}
.menu-left .menu-icon {
    margin-right: 5px;
}
.menu-left .dropdown-menuCap1 {
    border: 1px #d8d8d8 solid;
    border-top: 0px;
    margin-bottom: 8px;
    margin: 0px 0px 8px 0px;
    padding: 0;
    overflow: hidden;
}
.menu-left .dropdown-menuCap1 > li > a {
    padding: 6px 10px;
    display: block;
}
.menu-left .dropdown-menuCap1 > li > a, .dropdown-menuCap1 > li > a:link, .dropdown-menuCap1 > li > a:visited {
    color: #2a3239;
    font-weight: 500;
}
.menu-left .dropdown-menuCap2 > li > a,.menu-left .dropdown-menuCap2 > li > a:link,.menu-left .dropdown-menuCap2 > li > a:visited{
	color: #2a3239;
    font-weight: 400;
}
.menu-left .dropdown-menuCap3 > li > a,.menu-left .dropdown-menuCap3 > li > a:link,.menu-left .dropdown-menuCap3 > li > a:visited{
	color: #2a3239;
    font-weight: 400;
}

.menu-left .dropdown-menuCap1 > li > a:hover,.menu-left .dropdown-menuCap1 > li > a:focus,.menu-left .dropdown-menuCap2 > li > a:hover,.menu-left .dropdown-menuCap2 > li > a:focus {
    color: #d00;
}
.dropdown-menuCap2{
	margin:0; padding:0; 
}
.dropdown-menuCap2 > li{
	margin:0; padding:0;
}

.dropdown-menuCap2 > li > a{
	padding: 5px 10px 5px 20px;
    display: block;
}
.dropdown-menuCap3 > li > a{
	padding: 5px 10px 5px 30px;
    display: block;
}

.dropdown-menuCap2 .menu-icon:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0da";
    color: #333;   
}
.dropdown-menuCap3 .menu-icon:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #333;   
}
.dropdown-menuCap2 .menu-icon img{
	display:none;
}
/***menu left gioi thieu-ok***/
.MenuLeft-index-0 .dropdown-menuCap1 > li > a {
    background-color:transparent;
   /* border-bottom: 1px transparent solid;*/
     border-bottom: solid 1px #dfdddd;
    border-top: 1px transparent solid;
}
.MenuLeft ul > li.dropdown-submenu > a{
	/* background-color:#eee;*/
}
.MenuLeft ul > li.dropdown-submenu > a .menu-text,.MenuLeft ul > li.dropdown-submenu > a .menu-icon:before{
	/*color:white;*/
}

.MenuLeft-index-0 .dropdown-menuCap1 > li > a:hover {
    background-color: #f9e5a2;
    border-bottom: 1px #f5cb44 solid;
    border-top: 1px #fff solid;
}
.MenuLeft-index-0 .dropdown-menuCap1 > li > a .menu-icon img {
    display: none;
}
.MenuLeft-index-0 .dropdown-menuCap1 > li > a .menu-icon:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;   
    content: "\f138";
    color: #0069a3;
}
.MenuLeft-index-0 .dropdown-menuCap1 > li.dropdown-submenu > a .menu-icon:before {
	 content: "\f13a";
}
.MenuLeft-index-0 .dropdown-menuCap1 > li > a:hover .menu-icon:before {
    color: #d00;
}
.dropdown-menuCap2 li.dropdown-submenu > a .menu-icon:before{
	content: "\f0d7";
}
/*************************END Menu Left******************/
/*************************So do cong - Tree menu-sitemap********************/
.menu-sitemap{
	
}
.menu-sitemap .jstree-anchor,.menu-sitemap .jstree-anchor:link,.menu-sitemap .jstree-anchor:visited,.menu-sitemap .jstree-anchor:hover,.menu-sitemap .jstree-anchor:active {
    text-decoration: none;
    color: inherit;
}
/**  **/
.menu-sitemap .jstree-grid-midwrapper {
    display: table!important;
    width: 100%;
}
.menu-sitemap .jstree-grid-column{
    vertical-align:top;
}
.menu-sitemap .jstree-animated.jstree-hovered{
    background-color:#fbf6dd!important;
}
.menu-sitemap .jstree-grid-cell{
    padding-left:5px;
}
.jstree-node.jstree-leaf {
    /*margin-left: 0;*/
}
.menu-sitemap .jstree-default .jstree-wholerow {
    height: 34px;
}
.menu-sitemap .jstree-default .jstree-anchor {
    line-height: 24px;
    height: 34px;
}
.menu-sitemap .jstree-leaf .jstree-themeicon-custom {
    width: 32px!important;
    height: 32px!important;
    border-radius: 30px;
    margin: 0!important;
   /* margin-right: 10px!important;*/
}
.menu-sitemap .jstree-leaf .jstree-themeicon-custom.fa {
    margin-right: 5px!important;
    line-height: 32px;
    width: 32px!important;
}
.menu-sitemap .jstree-grid-midwrapper .jstree-grid-column-0{
    width:auto!important;
    max-width:800px!important;
    min-width:400px!important;
}
.menu-sitemap .jstree-default>.jstree-container-ul>.jstree-node.jstree-leaf:first-child > .jstree-anchor .jstree-themeicon-custom:before{
	/*font: normal normal normal 19px/1 FontAwesome;    
	content: "\f015 ";*/
}
.menu-sitemap .jstree-node.jstree-closed>a>.jstree-icon.jstree-themeicon.jstree-themeicon-custom,
.menu-sitemap .jstree-node.jstree-open>a>.jstree-icon.jstree-themeicon.jstree-themeicon-custom{ 
    font: normal normal normal 19px/1 FontAwesome;    
}
.menu-sitemap .jstree-themeicon-custom:before{
	font: normal normal normal 19px/1 FontAwesome;    
	content: "\f0e8 ";
	color:#0088cc !important;
}
.jstree .jstree-open>.jstree-children .jstree-themeicon-custom:before{
	font: normal normal normal 19px/1 FontAwesome;    
	content: "\f15b";

}
.menu-sitemap .jstree-node.jstree-closed>a>.jstree-icon.jstree-themeicon.jstree-themeicon-custom:before,
.menu-sitemap .jstree-node.jstree-open>a>.jstree-icon.jstree-themeicon.jstree-themeicon-custom:before{
   content:"\f0f7"; font-size:17px;
}
.menu-sitemap .fa-sitemap.jstree-themeicon-custom:before{
    content: "\f0f7";
}
.menu-sitemap .jstree-container-ul>li>a{
    color:#000;
    font-weight:600;
    font-size:14px;
    text-transform:uppercase;
}
.menu-sitemap .jstree-container-ul>li>a:hover,.menu-sitemap .jstree-container-ul>li>a:focus{
	color:#d00;
}
/******************************************Footer*********/
.sp-breadcrumbs {
    padding: 7px 0;
    background-color: white;
    box-shadow: 0 4px 2px -2px #dededf;
}

.time {
    font-family: 'RobotoCondensed-Bold';
    font-weight: 600;
}
/**/
.pre-footer {
    background: #f6f6f6;
    padding: 14px 0 10px 0px;
    position: relative;
    margin-top: 40px;
}

    .pre-footer .container {
        padding-top: 0px;
    }

.pre-footer-website-box h2 {
    float: left;
    margin-right: 20px;
    padding-top: 7px;
    font-family: RobotoCondensed-Bold;
    font-weight: 600;
    font-size: 18px;
}

.pre-footer-col {
    text-align: left;
    padding-bottom: 0px;
}

.pre-footer h2 {
    font-size: 14px;
    color: #05a;
    font-family: RobotoCondensed-Bold;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.pre-footer li {
    margin-bottom: 6px;
    padding: 0;
}

.pre-footer a {
    color: #333333;
    font-family: Roboto;
    font-weight:500;
}

.pre-footer-col-chuyenmuc li a {
    font-size: 14px;
    color: #05a;
    font-family: RobotoCondensed-Bold;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.pre-footer a:hover {
    color: #d00;
}

.pre-footer-col-chuyenmuc .fa {
    display: none;
}

.pre-footer-top {
    position: absolute;
    top: -38px;
    width: 60%;
}

.link-web-title {
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'RobotoCondensed-Bold', sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 38px;
    height: 36px;
    padding-left: 15px;
    background: url('/Style Library/JobPortal/Images/bg-lienket.png') no-repeat left center;
}

.footer {
   /* background: #006a34 url('/Style Library/PortalBenTre/Images/bg-footer-re.png') left top repeat-x;
    height: 276px;*/
    position: relative;
    clear: both;
    padding: 0px;
    margin-top:20px;
}

.footer .container {
    margin: 0 auto;
   /* background: url('/Style Library/PortalBenTre/Images/bg-footer-full.png') right top no-repeat;
    height: 276px;*/
}

.row.footer-content {
    color: #fff;
    text-align: left;
}

div.menu-bottom ul, div.menu-bottom ul li {
    display: inline;
    list-style-type: none;
    color: #ffcc00;
    padding: 0;
    margin-right: 2px;
    line-height: 34px;
}

div.menu-bottom ul li a, div.menu-bottom ul li a:link, div.menu-bottom ul li a:visited {
    text-decoration: none;
    font-family: Roboto; font-weight:500;
    font-size: 15px;
    color: #ffcc00;
    padding-left: 15px;
    padding-right: 15px;
}

div.menu-bottom ul li:first-child a {
    padding-left: 0 !important;
}

div.menu-bottom ul li a:focus, div.menu-bottom ul li a:hover {
    color: #ff0;
}


.left-info-donvi h2 {
    font-family: "RobotoCondensed-Bold";
    font-weight: 600;
    font-size: 18px;
    color: #FFF;
    margin-bottom: 25px;
    margin-top: 25px;
}

.thongtin {
    font-family: Roboto;
    font-size: 14px;
    color: white;
}

.thongtin p, .thongtin em {
    margin-bottom: 0px;
    color: white;
}

/*.ThongKeSoLuot {
    display: inline-block;
    width:100%;
}*/

.tieudethongke {
    display: block;
    overflow: hidden;
    background: #006792;
    height: 36px;
    border-bottom: 2px solid #006792;
}
.tieudethongke1 {
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    height: 34px;
    line-height: 34px;
    display: inline-block;
}
.BT-hide-vi {
    display: none;
}
/*.ThongKeSoLuot-body {
    clear: both;
    border: 1px solid #d2d2d3;
    padding: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
.SoLuongOnline{
	margin-top:25px;
}
.SoLuongTruyCap span, .SoLuongOnline span {
    font-family: Roboto;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    color:#333;
}

.SoLuongTruyCap div, .SoLuongOnline div {
    background-color: #e4e4e4;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    color: #000;
    float: left;
    line-height: 15px;
    margin: 1px;
    padding: 2px 5px;
    font-weight: bold;
}*/

.topPage {
    position: fixed;
    right: 40px;
    bottom: 25px;
    z-index: 1000;
}

.veb-ftop-a-f {
    width: 40px;
    height: 40px;   
    display:block;
    text-align: center;
    background-color: #FFA800;
    border-radius: 50%;
}

.topPage i.fa {
    font-size: 30px !important;
    color: #fff;
}

@media (min-width: 768px) {
    .veb-ftop-a-f {
        line-height: 46px;
    }
}

/******************************************End Footer*********/
/**************main****/
body {
    background-color: #f5f5f5!important;
}
.sp-header {
    background-color: white!important;
   /* margin: 0px 0 20px 0px;*/
}
div.row-top,div.row-content,.row-banner.col3,div.row-2col,.banner-image-right .group1.row{
	margin-left:0!important; margin-right:0!important;
}
div.zoneHomeLeft {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 68.5%;
    flex: 0 0 68.5%;
    max-width: 68.5%;
    padding:0px; margin-right:1.5%;	
}
div.zoneHomeRight {
     -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%; padding:0;
    margin-top:-10px;
}
.row-2col .col-6{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 49.25%;
    flex: 0 0 49.25%;
    max-width: 49.25%;
    padding:0px; margin-right:1.5%;	
}
.row-2col .col-6:nth-child(2){
	margin-right:0;	
}
@media(max-width:767px){
	div.zoneHomeLeft {	
	width:100%;
	margin:0 auto;
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;  	
}
div.zoneHomeRight {  
	width:100%;
	margin:0 auto;
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;   
}
.sp-main > .container{
	 padding: 0px 10px;
}

}
.sp-banner .container, .sp-menu .container, .sp-main .container, #contentBox .container, .sp-footer .container {
 /* max-width: 1140px;*/
}
.sp-banner .container-fluid, .sp-menu .container-fluid, .sp-main .container-fluid, #contentBox .container-fluid, .sp-footer .container-fluid{
 /* max-width: 1140px;padding: 0px;*/
}
.lay_home_2zone {
   /* padding: 0px 15px;*/
}

/*
.zoneHomeLeft .row-2col .col-6:first-child{
	width:370px; float:left;
}
.zoneHomeLeft .row-2col .col-6:first-child + .col-6{
	width:370px; float:right;

}
/**/
#contentBox .sp-main{
	/*margin-top: 0;
    margin-bottom: 15px;
    padding: 12px 15px 15px 15px;
    background: #FFF;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;*/
    }

#contentBox .sp-main{
	/*margin-top: 0;
    margin-bottom: 15px;
    padding: 12px 15px 15px 15px;
    background: #FFF;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;*/
}
#DeltaPlaceHolderMain #ctl00_PlaceHolderMain_Div_Information{	
	background-color: #fef7f8;	
	color: #210406;
	margin: 0 0 20px!important;
	padding: 10px 30px 10px 15px!important;
	border-left: 5px solid #f0868e;
	text-align:left!important;
}
/**************end main****/


/***************************** TRANG QUAN TRI -OK *********************************************/
#MenuAdmin{
	margin-top: 0;
    margin-bottom: 15px;
    padding: 12px 15px 15px 15px;
    background: #FFF;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
}
.BTmenu-quantri{
	float:none!important;
	clear:both;
	overflow:hidden;
	margin-bottom: 15px;
}
.BTmenu-quantri .newstop,.FilTop {
    border-bottom: 1px #ddd solid;
    margin-bottom:10px;  
   
}
.BTmenu-quantri .newstop div ,.FilTop{   
    padding-right: 30px;   
    font-size: 16px;
    font-family: 'RobotoCondensed-Bold';
    text-transform: uppercase;
    font-weight: 600;
  
}
#cpanel {
	margin: 0px auto;
}
#cpanel div.icon-wrapper{
	margin:20px 0;
	width:20%;
	float:left;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
}
#cpanel div.icon {
	text-align: center;
}
#cpanel div.icon a {
	display: block;	
	color:#1976D2;
	padding:10px;
	background-color:white;
	box-shadow:1px 1px 4px #506f94;
	border-radius:5px;
}
#cpanel div.icon a:hover {
	color: #e44f00; cursor:pointer;
	box-shadow:1px 1px 4px #08192d;
	text-decoration: none;
}
#cpanel .icon img {
	margin: 0px auto;
	border: 0px;
	width:60px;
	height:60px;
	margin-bottom:10px;
}
#cpanel span {
	text-align: center;
    display: block;
    font-size: 13px;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    font-family: 'Roboto'; font-weight:500;
    text-overflow: ellipsis;
  }
#cpanel .icon-wrapper:nth-child(5n + 6){
	clear:left;
}
@media (min-width:768px) and (max-width:991px){
#cpanel div.icon-wrapper{
	width:25%;
}
#cpanel .icon-wrapper:nth-child(5n + 6){
	clear:none;
}
#cpanel .icon-wrapper:nth-child(4n + 5){
	clear:left;
}
}
@media (max-width:767px){
#cpanel div.icon-wrapper{
	width:50%;
}
#cpanel .icon-wrapper:nth-child(5n + 6){
	clear:none;
}
#cpanel .icon-wrapper:nth-child(2n + 3){
	clear:left;
}
}
/***************************** TRANG QUAN TRI- END 15H 25/2/2020  *********************************************/
/******************Portal core***********************************/
.FilTQ {
	width: 100%; 
	position:relative;
}
.FilTopR, .FilTopL, .FilBot {
	display: none;
}
.FilTop a:after {
    content: " ";
    height: 2px;
    width: 140px;
    display: block;
    background-color: #d43e33;
    margin-top: 5px;
}
.FilCent {	
	padding: 15px;
    overflow: hidden;
    border: 1px #e9e9e9 solid;
    margin-bottom: 20px;
    background-color: #ffffff;
}
.FilLabel {
	float: left;
	width: 120px;
	color:#333333;
	line-height:30px; 
	font-weight:500;
}
.FilItem_DenNgay b{
	color:#333333;
	padding-right: 10px;
	width: 60px;
	font-weight:500;
}
.FilText{
	margin-left:120px;
}
.FilItem select{
	padding:6px 5px;
	font-size:14px;
	width:100%;
}
.FilItem input[type=text]{
	width:100%;
	padding:5px;
}
.FilItem.pos1,.FilItem.pos2,.FilItem.pos3,.FilItem.pos4{
	margin-bottom:10px;
}
.FilText_Textbox{
	margin-right:120px;	
}
.FilText_DropDown{
	float:right;
	position:relative;
	width:115px;
	margin-right:-120px;
}
.FilItem.pos2{
	width:47%;
	float:left;
	margin-right:3%;
}
.FilItem.pos3{
	width:46%;
	float:right;
}
.FilItem.pos3 + .pos3{
	width:100%;
	float:none;
}
.FilItem.pos3 .FilLabel{
	/*width:135px;*/
}
.FilItem.pos3 .FilText{
	/*margin-left:100px;*/
}
.FilItem.pos4{
	clear:both;
}
.FilBut{
	clear:both;
	float:right;
	/*margin-top:20px;*/
}
.FilBut > div{ 
	float:left;
	margin-left:5px;
}
.FilTimkiem input[type="submit"]{
	/*padding: 7px 10px;*/
}
.FilRadioButons{
	margin-left:100px;
}
.FilRadioButons table{
	width:100%;
}
.FilRadioButons label{
	line-height:28px;
	margin-left:7px;
	margin-bottom:0;
	font-weight:normal;
}
.FilRadioButons table tr{
	width:33%;
	display:inline-block;
}
.lq-bt{
	margin:0px!important;
}
a.lq-bt-a {
    line-height: 24px;
    padding-left: 36px;
    color:#262b36!important;
}
a.lq-bt-new {
    border-right: 1px #737b8c solid;
}
@media (min-width:992px){
.FilItem.pos3 + .pos3{
	padding-top:10px;
	clear:both;
}
}
@media (max-width:991px){
.FilItem.pos2{
	width:100%;
	float:none;
	margin-right:0;
}
.FilItem.pos3{
	width:100%;
	float:none;
	clear:both;
	margin-top:10px;
}
.FilItem.pos2 + .pos3 .FilLabel{
	width:100px;
}
.FilItem.pos2 + .pos3 .FilText{
	margin-left:100px;
}
.FilRadioButons table tr{
	width:49%;
}
}
@media (max-width:500px){
.FilItem .FilLabel{
	width:100%;
	float:none;
}
.FilItem .FilText{
	margin-left:0!important;
}
.FilRadioButons table tr{
	width:100%;
}
}
.o365cs-nav-header16.o365cs-newALV3-on .o365cs-nav-appTitle{
	display:none!important;
}
/*******************************end portal******/
/***************************** TRANG QUAN TRI- END 15H 25/2/2020  *********************************************/
/***  search fot list table  ***** list table .ms-listviewtable **/
div.ms-csrlistview-controldiv{
	background-color:#fef9ee;
	border-top:2px #ffa341 solid;
	padding:6px 12px;
	overflow:hidden;
}
div.ms-InlineSearch-DivBaseline-NoView{
	margin-left:0;
}
div.ms-InlineSearch-Outline-Baseline {
    width: 220px;
    border:1px #ccc solid;
    border-radius:2px;
    height: 26px;
    padding: 0px 0px 0px 5px;
    margin:0px;
    background-color:white;
}
div input.ms-InlineSearch-SearchBox-Baseline.ms-InlineSearch-SearchBox-Baseline {
    background-color: transparent;
    width: 192px!important;
    height: 26px;
    font-family:"Roboto";
    font-size: 14px;
    color:#333; border:0px!important;
}
.ms-csrlistview-controldiv ~ table.ms-listviewtable{
	margin-top:1px;
}
/** ms-listviewtable **/
table.ms-listviewtable {
	box-sizing: border-box;
	border-collapse: collapse;
	width: 100%;
	border:1px #e9e9e9 solid;
	margin-bottom:20px;
}
.ms-listviewtable td, .ms-listviewtable th {
	padding:5px 6px!important;
	font-size:14px;
	vertical-align: middle!important;
}
.ms-listviewtable th .ms-vh-div{
	white-space:normal;
}
.ms-listviewtable td.ms-vb-itmcbx{
	padding:6px!important;
}
.ms-listviewtable td.ms-vb-firstCell, .ms-listviewtable  th.ms-vh-icon{
	min-width:36px;
	text-align:center;
}
.ms-listviewtable td.ms-cellstyle.ms-vb2 img{
	max-width:200px;
	height:auto;
}
table.ms-listviewtable td table td{
	padding:0;
	border-bottom:0;
}
table.ms-listviewtable th, .ms-viewheadertr th{
	background-color:#d8dce3;
	padding:8px;
	font-size:14px;
}
table.ms-listviewtable th *, .ms-viewheadertr th{
	font-family:"Roboto"; font-weight:500;
	color:#000!important;font-size:14px;
}
.ms-listviewtable td a, .ms-listviewtable th a:hover {
	text-decoration: none!important;
	color:#333!important;
}
.ms-listviewtable td a:hover{
	color:#000!important;
}
.ms-vb a:visited, .ms-vb2 a:visited, .ms-vb-user a:visited{
    color: #333;
}
.ms-listviewtable tr{
	background-color:#f1f2f5;
}
.ms-listviewtable tr td.ms-vb-firstCell{
	background-color:#e4e7ec;
}
.ms-listviewtable tr td table tr, .ms-listviewtable tr.ms-viewheadertr th table tr{
	background-color:transparent!important;
}
.ms-listviewtable tr td, .ms-listviewtable tr th{
	border:1px #fff solid!important;
}
.ms-listviewtable tr td table td, .ms-listviewtable tr.ms-viewheadertr th table td{
	border:0!important;
}
.ms-listviewtable tr.ms-alternating{
	background-color:#f0f1f4;	
	border-top:1px #e1e1e1 solid;
}
.ms-listviewtable tr.ms-alternating td.ms-vb-firstCell{
	background-color:#d8dce3;	
}
tr.ms-alternating:hover{
	background-color:#f5f5f5;	
}
.ms-listviewtable .ms-itmhover {
	color: #333;
}
table.ms-listviewtable .ms-gb *, table.ms-listviewtable .ms-gb2 *, .ms-viewheadertr *{
	color:#333!important;
}
td.ms-vb-lastCell .ms-number{
	white-space:nowrap;
}
.ms-cellstyle, .ms-cellStyleNonEditable, .ms-cellStyleMenuHover, .ms-MenuCellStyle-TdHover, .ms-MenuCellStyle-MenuDivHover {
	border: 0px!important;
}
.ms-rtestate-field p, p.ms-rteElement-P {
	margin: 0px!important;
	line-height:1.4!important;
}
.ms-vb, .ms-vb2, .ms-vb-user, .ms-vb-tall, .ms-pb, .ms-pb-selected {
	color: #333!important;
}
td.ms-gb{
	border-bottom:1px #ccc solid;
}
.ms-vh, .ms-vh2, .ms-vh-icon, .ms-vh-icon-empty, .ms-vh2-nofilter, .ms-vh2-nofilter-notextalign, .ms-vh2-nofilter-perm, .ms-vhImage, .ms-vh2-nograd, .ms-vh3-nograd, .ms-vh2-nograd-icon, .ms-vh2-nofilter-icon, .ms-ph {
   font-size: 14px!important;
}
table.ms-listviewtable .ms-vh2 {
	min-width:80px;
}
/**** ms-summarystandardbody *****/
table.ms-summarystandardbody tr td{
	background-color:#f1f2f5;
}
table.ms-summarystandardbody tr td img{
	max-width:200px;
	height:auto;
}
table.ms-summarystandardbody tr td:first-child{
	background-color:#e4e7ec;
}
table.ms-summarystandardbody td table tr, table.ms-summarystandardbody td table td,
table.ms-summarystandardbody th table tr, table.ms-summarystandardbody th table td{
	background-color:transparent;
	padding:0;
	border:0!important;
}
table.ms-summarystandardbody tr td, table.ms-summarystandardbody tr th{
	border:1px #fff solid!important;
	padding:6px 8px!important;
	font-size:14px;
}
table.ms-summarystandardbody tr td table td{
	border:0!important;
}
table.ms-summarystandardbody tr.ms-alternating{
	background-color:#f0f1f4;	
	border-top:1px #e1e1e1 solid;
}
@media (max-width:767px){
table.ms-summarystandardbody tr td, table.ms-summarystandardbody tr th {
    font-size:15px;
}
.ms-listviewtable td, .ms-listviewtable th {
	font-size:15px;
}
}
/**** List sp chuan - ms-formtable *****/
div[id*="WebPartWP"] > table{
	width:100%;
}
table#onetIDListForm{
	width:100%;
}
table.ms-formtable{
	margin-top:0!important;
}
table.ms-formtable td, table.card-formtable td, .admnInfo table td{
	border:1px #fff solid;
	padding:10px 15px;
	font-size:14px;
	background-color:#f1f2f5;
}
table.ms-formtable td:first-child, table.card-formtable td:first-child, .admnInfo table td:first-child{
	background-color:#e4e7ec;
}
td.ms-formlabel, td.ms-formbody, td.card-formlabel, td.card-formbody{
	padding:7px 0;
}
td.ms-formlabel{
	vertical-align:middle;
}
table.ms-formtable td table td, table.card-formtable td table td, .admnInfo table td table td{
	padding:0;
	border-bottom:0;
}
table td div.DivDataGird table td{
	padding:10px 15px;
	border:1px #fff solid;
	background-color:#f1f2f5;
}
table td div.DivDataGird table td:first-child{
	background-color:#e4e7ec;
}

table.ms-formtable tr:nth-child(2n+1) td, table.card-formtable tr:nth-child(2n+1) td,
.admnInfo table tr:nth-child(2n+1) td{
	background-color:#f0f1f4;
}
table.ms-formtable tr:nth-child(2n+1) td:first-child, table.card-formtable tr:nth-child(2n+1) td:first-child,
.admnInfo table tr:nth-child(2n+1) td:first-child{
	background-color:#d8dce3;
}

table td.ms-formlabel h3, table td.card-formlabel h3{
	color:#000;
}
table.ms-core-tableNoSpace td.ms-formbody, table.ms-core-tableNoSpace td.card-formbody,
.admnInfo table td.field-control{
	width:80%!important;
}
body .ms-textLarge {
	font-family: Roboto;
    font-size: 14px;
}
h3.ms-standardheader span.ms-accentText{
	color:#e00;
}
.ms-formtoolbar, .card-formtoolbar{
	margin-top:20px;
}
.ms-standardheader {
	font-family: "Roboto"; font-weight:500;
    font-size: 14px;color:#000;

   }
    td.ms-formbody img{
	max-width:590px;
}
@media (max-width:767px){
.ms-webpart-chrome-title h2.ms-webpart-titleText {
    font-size: 15px;
}
table.ms-formtable td, table.card-formtable td, .admnInfo table td{
	padding:8px 7px;
	font-size: 15px;
}
table td div.DivDataGird table td{
	padding:5px;
	font-size: 15px;
}
.ms-listviewtable td, .ms-listviewtable th {
	font-size:14px;
}
.ms-formtable td.ms-formlabel,.ms-formtable td.ms-formbody{
	display:block;
	width:100%!important;	
}
.sp-peoplepicker-topLevel, .sp-peoplepicker-topLevelDisabled {
    width: 100%;
}
table.ms-core-tableNoSpace td.ms-formbody, table.ms-core-tableNoSpace td.card-formbody,
.admnInfo table td.field-control{
	width:100%!important;
}
#onetIDListForm table td {
    height: auto!important;
}
}
/*********************End -OK****/
/******************DN khung chung****/
.card-box {
    margin-bottom: 15px;
    position: relative;
    background: #FFF;
   /* -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;*/
}
.card-box-header {
    padding: 10px 10px 0px 10px;
    overflow: hidden;
    border-bottom: 1px #eaeaea solid;
}
.card-box-header h4 {
    margin-right: 10px;
    font-size: 16px;
    font-family: 'RobotoCondensed-Bold';
    text-transform: uppercase;
    font-weight: 600;
}
.card-box-header h4 a {
    color: #da251c;
}
.card-box-header h4 a:hover, .card-box-header h4 a:focus {
    color: #E87E04;
}
.bor-line {
    height: 1px;
    overflow: hidden;
    margin-top: 5px;
    border-bottom: 1px #da251c solid;
    width: 90px;
}
.actions-more-link {
    z-index: 10;
    position: absolute;
    top: 12px;
    right: 10px;
}
.xemthem-bottom{
	padding-bottom:30px;
}
.xemthem-bottom .actions-more-link{
	top: auto;
	bottom:15px
}
.actions-more-link a, .actions-more-link a:link, .actions-more-link a:visited {
    color: #006a34;
}
.actions-more-link a:focus,.actions-more-link a:hover{
	color:#d00;
}
.card-box .blog-box-content {
    padding: 10px;  
    overflow: hidden;  
}
.card-box .blog-box-content.catalog{
	height:auto;  
}
.card-box .blog-box-content.catalog .card-item-top{
	padding:0;
}
.card-box .blog-box-content .list-group {
   /* height: 170px;*/
}
.card-box .blog-box-content .list-group-item {
	max-height: 52px;
	overflow: hidden;
	text-align:justify;	
}
.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    border-radius: 0;
}
.card-img-top {
    height: 270px;
    width: 100%;
    display: block;
    overflow: hidden;
}
.card-img-top img {
    width:100%;    display: block;
    max-width: 100%;
    height: 100%;    
   /* object-fit: fill;*/
}
@media(max-width:767px){
	.card-img-top img {
		width:100%;   
		max-width: 100%;
		height: auto;    
	}

}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 0 0px 0px;
}
.pagelayout_TrangHome .box2 h5.card-title{
	height:36px; overflow:hidden;
}
h5.card-title {
    margin-bottom: 0px;
    font-size:14px;
   line-height: 1.4;
}
h5.card-title a {
    color: #000000;     
    font-family: 'Roboto'; font-weight:500;
}
h5.card-title a:hover, h5.card-title a:focus {
    color: #da251c;
}
.card-date {
    color: #666;
    font-weight: 300;
}
.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 8px 0;
    margin-bottom: -1px;
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125) !important;
}
.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    border-radius: 0;
}
.list-group-flush .list-group-item a:before {
	content: "\f13a";
	color: #006a34;
	margin-right: 5px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.list-group-flush .list-group-item a, .list-group-flush .list-group-item a:link, .list-group-flush .list-group-item a:visited {
	color: #333333;
}

.list-group-flush .list-group-item a:hover, .list-group-flush .list-group-item a:focus {
    color: #da251c;
}
@media (min-width: 768px) {
    .card-box .blog-box-content { 
   		 height: 490px;
	}
}

/****Cot Phai*/
.card-box .list-box-content {
    padding: 10px;
}
.list-box-content > .card {
    border: 0;
}
.bg-header .bor-line {
    border: 0;
}
.bg-header .card-box-header h4 a {
    color: #FFF;
}
.bg-header .actions-more-link a, .bg-header .actions-more-link a:link, .bg-header .actions-more-link a:visited {
    color: #FFF;
}
.list-marquee .item {
    position: relative;
    display: block;
    padding: .75rem 0rem;
    margin-bottom: -1px;
    background-color: #fff;
    border-top: 1px solid rgba(0,0,0,.125);
}
.list-marquee .item:first-child {
	border: 0;
}

.list-marquee .item a, .list-marquee .item a:link, .list-marquee .item a:visited {
	color: #333333;
	
}

.list-marquee .item a:hover, .list-marquee .item a:focus {
    color: #da251c;
}
.banner-image-right{
	background:transparent;
	-webkit-box-shadow: 0 0 0px #CACACA;
	-moz-box-shadow: 0 0 0px #cacaca;
	box-shadow: 0 0 0px #CACACA;
}
.banner-image-right .banner-img {
	margin-bottom: 5px;	padding: 0px;	
}
.TrangTinh .banner-image-right .banner-img:nth-child(1),.TrangTinh .banner-image-right .banner-img:nth-child(2),.TrangTinh .banner-image-right .banner-img:nth-child(3),
.TrangTinh .banner-image-right .banner-img:nth-child(4),.TrangTinh .banner-image-right .banner-img:nth-child(5),.TrangTinh .banner-image-right .banner-img:nth-child(6),
.TrangTinh .banner-image-right .banner-img:nth-child(7),.TrangTinh .banner-image-right .banner-img:nth-child(8),.TrangTinh .banner-image-right .banner-img:nth-child(9),.TrangTinh .banner-image-right .banner-img:nth-child(10){	
    background: #FFF;
	-webkit-box-shadow: 0 0 3px #CACACA;
	-moz-box-shadow: 0 0 3px #cacaca;
	box-shadow: 0 0 3px #CACACA; padding:2px 15px;
}

.TrangTinh .banner-image-right .banner-img:nth-child(1) img,.TrangTinh .banner-image-right .banner-img:nth-child(2) img,.TrangTinh .banner-image-right .banner-img:nth-child(3) img,
.TrangTinh .banner-image-right .banner-img:nth-child(4) img,.TrangTinh .banner-image-right .banner-img:nth-child(5) img,.TrangTinh .banner-image-right .banner-img:nth-child(6) img,
.TrangTinh .banner-image-right .banner-img:nth-child(7) img,.TrangTinh .banner-image-right .banner-img:nth-child(8) img,.TrangTinh .banner-image-right .banner-img:nth-child(9) img,.TrangTinh .banner-image-right .banner-img:nth-child(10){
	/*max-height: 60px; width:auto;
    object-fit: scale-down;*/
  
}
.card-ThongBao .item:before{
	content: "\f0a1";
    color: #006a34;
    margin-right: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/****Tam an*****/

.ms-webpartzone-cell {
    margin: auto auto 0px !important;
}
/**********************************Du Bao Thoi Tiet***************************/
.card.card-custom {
    -webkit-box-shadow: 0 0 30px 0 rgba(82,63,105,.05);
    box-shadow: 0 0 30px 0 rgba(82,63,105,.05);
    border: 0;
    clear: both;
    margin-bottom: 15px;
}
.card-Weather{
	padding:10px 20px;
	margin-bottom: 12px;	
}
.card-Weather > .card-header {       
    padding: 0px; color:white;
    background-color:transparent;   
}
.card-Weather .card-title  {
    margin-bottom:15px;
}
.card-Weather .card-title a,.card-Weather .card-title a:link,.card-Weather .card-title a:visited{
	color:white;	
    font-size: 16px;
    font-family: 'RobotoCondensed-Bold';
    text-transform: uppercase;
    font-weight: 300;
}
.listTinh select {
    display: block;
    color: #fff;
    cursor: pointer;
    border:  1px solid rgba(255, 255, 255, 0.125) !important;
    font-size: 14px;
    font-weight: normal;
    background: rgba(255,255,255,0.1) !important;
    padding: 5px !important;   
}
.listTinh select option {     
    color: #000;
}
.card-Weather-body *{
	color:white;
}
.mySlides{
	display: flex;
	flex-wrap: wrap;
}
.card-Weather-info{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.card-Weather-other-info{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.weather-text span.label{
	display:none;
}
.weather-unit,.weather-text {
	margin-bottom:10px;
}
.weather-icon img {
         object-fit: cover; vertical-align:top;
}
.weather-unit {
	float: left;
	font-size: 36px;
	font-weight: bold;
}
.weather-text {
	font-size:16px; font-family:Roboto; font-weight:500;
}
.mota{
	text-transform:uppercase;
}
.card-Weather .card-footer {
    text-align:center;
    padding:10px 0px 0 0;
    background-color:transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.125);
}
.Weather-date > h3{
	color:white; font-size:14px;
}
/**********************************End Du Bao Thoi Tiet***************************/
/**********************************************Binh Chon Truc Tuyen******************/
h5, .h5{
	font-size:14px;
}
.card-box-BinhChon {       
    -webkit-box-shadow: 0 0 3px #e1e1e1;
    -moz-box-shadow: 0 0 3px #e1e1e1;
    box-shadow: 0 0 3px #e1e1e1;
} 
.card-box-BinhChon .card-header .head-title {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
}
.card-box-BinhChon .card-header .fa {
	margin-right: 5px;
}
.card-box-BinhChon .card-body {     
	/*background: rgba(255, 255, 255, 0.4) !important;*/
	padding:10px 20px;
	   
}
.card-box-BinhChon .card-footer {
	text-align: center;
	padding: 10px 0px 0 0;
	background-color: transparent;
	border-top: 1px solid rgba(255, 255, 255, 0.125);
}
.card-item {
	color: rgba(255,255,255,0.9);

}
.card-item > .control-label{
	display:block; font-weight:bold;
}
.card-BinhChon-body
.card-item .radio {
    font-size: 14px;
    font-weight: normal;
    margin:10px 0 10px 25px;
}

.card-box-BinhChon .btn-primary {
    font-size: 13px;
    height: auto !important;
    border-radius: 2px !important;
    padding: 4px 8px !important;
    font-weight: 500;
    border-color: #e7505a;
    color: #e7505a;
    background: #fff;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.number-BC .num {
    color:#d9e705;
    font-weight: bold;
    font-size:18px;
    font-family:"RobotoCondensed-Bold";
}
/****Modal -ok*/
#peoplePickerDiv_TopSpan_EditorInput{
	border:0!important;
}
/******end Modal -ok*/
.list-progress{
	margin-bottom:10px;
}
.list-progress h5 {
    margin-bottom: 5px;
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #EBEDF3;
    border-radius: 0.42rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    background-color: #006a34;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}
/**********************************************End Binh Chon Truc Tuyen******************/
/******************Gia vang****/
.card-NgoaiTe .card-body{
	padding:0;
}
/***************tab so ban nganh***/
/********************card desk*/
.card-box-mid{
	padding:20px 15px;
}
.card-box-body-tab {
    clear: both;
    overflow: hidden;
    padding-bottom: 20px;
}
.card-box-body-tab .tab-content {
    padding: 20px 20px;
}
.card-box-mid .i-item {
  
    margin-bottom:10px;
  
}
.card-box-mid a {
    color: #000000;
    font-weight: 300;
}
.card-box-mid a:hover, .card-box-mid a:focus {
    color: #da251c;
}
.card-box-mid .fa {
    color: #006a34;
    margin-right: 5px;
}
/**************************Tab video*/
.card-box-body .tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}
.card-box-body  .tabbable-line > .nav-tabs > li {
	/*margin-bottom: 2px;*/
}

.card-box-body .tabbable-line > .nav-tabs > li > a {
	background: none !important;
	border: 0;
	margin: 0;
	padding: 10px 10px 0px 10px;
	display: inline-block;
	color: #383838;
	font-size: 16px;
	font-family: 'RobotoCondensed-Bold';
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 1px solid transparent;
}
.card-box-body  .tabbable-line > .nav-tabs > li > a > i {
	color: #a6a6a6;
}
.card-box-body  .tabbable-line > .nav-tabs > li > a.active {
	background: none;
	border-bottom: 2px solid #da251c;
	position: relative;
}
.card-box-body  .tabbable-line > .nav-tabs > li:first-child {
	margin-left: 10px;
}
.card-box-body  .tabbable-line > .nav-tabs > li > a.active {	
	color: #da251c;
}
.card-box-body  .tabbable-line > .nav-tabs > li > a.active > i {
	color: #404040;
}
.card-box-body  .tabbable-line > .nav-tabs > li > a.open,.card-box-body  .tabbable-line > .nav-tabs > li > a:hover {
	background: none;border: 0;color: #da251c;
	border-bottom: 2px solid #da251c;
}
.card-box-body  .tabbable-line > .nav-tabs > li.open > a > i,.card-box-body  .tabbable-line > .nav-tabs > li:hover > a > i {
	color: #da251c;
}
.card-box-body .tabbable-line > .nav-tabs > li.open .dropdown-menu,.card-box-body  .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.card-box-body .tabbable-line > .tab-content {
    margin-top: 0;
    border: 0;
    border-top: 1px solid #eaeaea;
}
/******/
.blog-box-content > .card {
    border: 0px solid rgba(0,0,0,.125);
    border-radius: 0;
}

.box2 {
    /*margin-right:2%!important;*/
}
/*****************block scroll*/
/***Custom Scrollbars***/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background-color: #e2e3e5;
}

::-webkit-scrollbar-thumb {
    background-color: #919da5;
    border-radius: 4px !important;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #637389;
    }

::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: none;
    border: 0;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: none;
}

.scroller {
    padding: 0 12px 0 0;
    margin-right:-9px;
    overflow: hidden;
}
/***
General User Record Listing
***/
.general-item-list > .item {
    padding: 10px 0;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.general-item-list > .item:last-child {
	border-bottom: 0;
}
.general-item-list > .item > .item-head {
	margin-bottom: 5px;
}
.general-item-list > .item > .item-head:before, .general-item-list > .item > .item-head:after {
	content: " ";
	display: table;
}

.general-item-list > .item > .item-head:after {
	clear: both;
}

.general-item-list > .item > .item-head > .item-details {
	display: inline-block;
	float: left;
	text-align:justify;
}

.general-item-list > .item > .item-head > .item-details > i {
	color: #006a34;
	margin-right: 5px;
}

.general-item-list > .item > .item-head > .item-details > .item-name {
    /*display: inline-block;*/
	margin-right: 10px;
	font-weight: bold; cursor:pointer;
}

.general-item-list > .item > .item-head > .item-details > .item-label {
	color: #C0C9CC;
}

.general-item-list > .item > .item-head > .item-status {
	color: #C0C9CC;
	top: 0px;
	position: relative;
	display: inline-block;
	float: right;
}

.general-item-list > .item > .item-head > .item-status > .badge {
	margin-top: -2px;
}

.general-item-list > .item > .item-body {
	color: #000000;
    clear: both;
    max-height: 44px;
    overflow: hidden;
    line-height: 21px;
}
.general-item-list > .item > .item-head > .item-details > .item-name:hover,.general-item-list > .item > .item-head > .item-details > .item-name:focus{
	color:#d00; cursor:pointer;
}
/*******************ThuTucHanhCHinh*******/
#ThuTucHanhChinhMoi .item-body{
	display:none;
}
#ThuTucHanhChinhMoi .general-item-list > .item > .item-head{
	width: 100%;
	float: left;
	overflow: hidden;
	line-height: 18px;
	margin: 0;
}
#ThuTucHanhChinhMoi .general-item-list > .item {
	overflow:hidden; padding:10px 0px;
}
#ThuTucHanhChinhMoi .general-item-list > .item > .item-head > .item-details{
	float: left;
    margin-right: 75px;
    overflow: hidden;
}
.general-item-list > .item > .item-head > .item-status .card-date{
	font-size: 12px;
	padding: 2px 5px;
	background-color: #ffffff;
}
#ThuTucHanhChinhMoi .general-item-list > .item > .item-head > .item-status{
    float: left;
    width: 75px;
    margin-left: -75px;
}
#ThuTucHanhChinhMoi .general-item-list > .item > .item-head > .item-details > .item-name {
	font-weight:500;
}
td.td-linhvuc{
	width:8%;
}
td.file-Attachments{
	width:16%;
}
#Attachments a{
	margin-right:10px;
}
#Attachments a:before,.file-Attachments a:before{
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f0c6 ";	 margin-right:5px;
}
#Attachments a:hover,#Attachments a:focus,.file-Attachments a:hover,.file-Attachments a:focus{
	color:#d00; 
}
#Attachments a:before:hover,#Attachments a:before:focus,.file-Attachments a:before:hover,.file-Attachments a:before:focus{
	color:#d00;
}
@media (min-width: 768px) {
#ThuTucHanhChinhMoi .general-item-list > .item {
	height:88px;
	overflow:hidden; padding:5px 0px;
}
#ThuTucHanhChinhMoi .general-item-list > .item > .item-head{	
	height: 70px;	
}


}
/* Horizontal bordered form */
.modal-body.form-fit{
	padding:0px;
}
/* Rows seperated form layout */
.form .form-row-seperated .portlet-body {
  padding: 0; }

.form .form-row-seperated .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 15px 0; }
  .form .form-row-seperated .form-group.last {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 13px; }
  .form .form-row-seperated .form-group .help-block {
    margin-bottom: 0; }

.form .form-row-seperated .form-body {
  padding: 0; }

.form .form-row-seperated .form-actions {
  padding-left: 15px !important;
  padding-right: 15px !important; }

/* Form bordered */
.form .form-bordered .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef; }
  .form .form-bordered .form-group > div {
    padding: 15px;
    border-left: 1px solid #efefef; }
    @media (max-width: 991px) {
      .form .form-bordered .form-group > div {
        /* 991px */
        border-left: 0; } }
  .form .form-bordered .form-group.last {
    border-bottom: 0; }
  .form .form-bordered .form-group .control-label {
    padding-top: 20px; }
    @media (max-width: 991px) {
      .form .form-bordered .form-group .control-label {
        /* 991px */
        padding-top: 10px; } }
  .form .form-bordered .form-group .help-block {
    margin-bottom: 0; }
  .form .form-bordered .form-group .form-control {
    margin: 0; }

.form .form-bordered .form-body {
  margin: 0;
  padding: 0; }

.form .form-bordered .form-actions {
  margin-top: 0;
  padding-left: 16px !important;
  padding-right: 16px !important; }
  @media (max-width: 991px) {
    .form .form-bordered .form-actions {
      /* 991px */
      padding-left: 15px !important;
      padding-right: 15px !important; } }

/* Horizontal bordered form */
.form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc; }

.form .form-horizontal.form-bordered.form-row-stripped .form-control {
  background: #fff !important; }

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc; }
  .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
    background-color: #ffffff; }

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc; }

/* Horizontal form small input issue */
.form-horizontal .form-group .input-sm {
  margin-top: 3px; }

.form-horizontal .form-group .form-control-static {
  margin-top: 1px; }
/********************************************UserControl*****
.card-box.VanBanXem .box-2col .box-col-left, .card-box.VanBanXem .box-2col .box-col-right {
    width: 100%;
}

    .card-box.VanBanXem .box-2col .box-col-right .portlet-body label {
        display: none;
    }

    .card-box.VanBanXem .box-2col .box-col-right a {
        padding: 7px 0;
        display: block;
        border-bottom: 1px solid #f2f2f2;
    }

        .card-box.VanBanXem .box-2col .box-col-right a:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            content: "\f00c";
            margin-right: 5px;
        }
/***********BAO CAO*************
.portlet.light.portlet-fit .search-box {
    background: #FFF;
    padding: 15px 15px 5px 15px; margin-bottom:0px;
}
.portlet-title.search-kq {
    background-color: #ffffff;
    margin: 10px 0;
    padding: 7px;
    padding-left: 15px;
    border-left: 5px solid #DB261D;
    line-height: 1.6;
    color: #3598dc !important;
    font-size: 16px;
    font-weight: bold;
}
.portlet.light.portlet-fit  .portlet-body {
    padding: 10px 15px 10px 15px!important;
}
.DispVanBan.portlet.light.portlet-fit  .portlet-body {
    padding: 0px 10px!important;
}
.DispVanBan .value-tieude{
	padding-top:10px;
}
.portlet.light.portlet-fit > .portlet-body.form {
    padding: 0px!important;
}

.searh-result .doc-group-title {
	margin:0;
}

/****table****/
.table-responsive table tr th{
	background-color:#d8dce3;
}
.btn-search-fa-search:before{
	    content: "\f002"; margin-right: 3px; color: #fff; font: normal normal normal 14px/1 FontAwesome; display:inline-block;
}
.table-responsive  .table-striped > tbody > tr:nth-child(odd) {
  /*background-color: #f0f1f4;*/
}
/****Fix Loi***/
.footer-body-bottom{
	/*margin-top:20px;*/
}
/*****************************************************HOI DAP********************/
/***********1. Dat cau hoi***************
.portlet-custom{
	background: #FFF;
    border-bottom: 3px solid #CACACA;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
    margin-bottom: 20px;
    padding: 10px 15px 10px 15px;
}
.portlet-fit{
	background: #FFF;
    border-bottom: 3px solid #CACACA;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
    margin-bottom: 20px;  

}
.form  .col-form-label{
	margin-bottom:0px;
}
.portlet.box > .portlet-title {
	border-bottom: 1px solid #eee!important;    padding: 0 10px;
	margin-bottom: 0;
}
body .portlet.box > .portlet-title:after {
    content: " ";
    height: 2px;
    width: 90px;
    display: block;
    background-color: #d9251c;
    margin-top: 9px;
}
body .portlet.box > .portlet-title.search-kq:after {   
    display: none;   
}

.panel-thongbao .text-danger {
	background-color: #fbe1e3; 
	color: #e73d4a;
	padding: 5px;
	border: 1px solid  #fbe1e3;
	display:inline-block;
	margin:5px 10px;
}
/*****//*********************************************************usercontrol-ok*********/
/*****/
div.form-group {
    margin-bottom: 10px;
}
label {
    display: inline-block;
    margin-bottom: 5px;
}
.form-group .form-control-static {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    color: #333;
    font-weight: 300;
}

.label, .label-success, .label-warning, .label-default, .label-primary, .label-info, .label-danger {
    text-shadow: none !important;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    padding: 2px 5px;
}
/* Labels variants */
.label-default {
    background-color: #bac3d0;
}

    .label-default[href]:hover, .label-default[href]:focus {
        background-color: #9ca8bb;
    }

.label-primary {
    background-color: #337ab7;
}

    .label-primary[href]:hover, .label-primary[href]:focus {
        background-color: #286090;
    }

.label-success {
    background-color: #36c6d3;
}

    .label-success[href]:hover, .label-success[href]:focus {
        background-color: #27a4b0;
    }

.label-info {
    background-color: #659be0;
}

    .label-info[href]:hover, .label-info[href]:focus {
        background-color: #3a80d7;
    }

.label-warning {
    background-color: #F1C40F;
}

    .label-warning[href]:hover, .label-warning[href]:focus {
        background-color: #c29d0b;
    }

.label-danger {
    background-color: #ed6b75;
}

    .label-danger[href]:hover, .label-danger[href]:focus {
        background-color: #e73d4a;
    }

.form-inline .radio, .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: top;
}
/***
Custom tables
***/
.table-toolbar:before, .table-toolbar:after {
    content: " ";
    display: table;
}
.table-toolbar:after {
    clear: both;
}
.table.table-full-width {
    width: 100% !important;
}
.table .btn {
    margin-top: 0px;
    margin-left: 0px;   
}
.table thead tr th {
    font-size: 12px;
    font-weight: 600;
}
.table-advance thead {
	color: #3f444a;
}

.table-advance thead tr th {
    background-color: #f1f4f7;
    font-size: 12px;
    font-weight: 400;
    color: #3f444a;
}

.table-advance div.success, .table-advance div.info, .table-advance div.important, .table-advance div.warning, .table-advance div.danger {
	position: absolute;
	margin-top: -5px;
	float: left;
	width: 2px;
	height: 30px;
	margin-right: 20px !important;
}
.table-advance tr td {
	border-left-width: 0px;
}
.table-advance tr td:first-child {
    border-left-width: 2px !important;
}
.table-advance tr td.highlight:first-child a {
    margin-left: 15px;
}
.table-advance td.highlight div.primary {
	border-left: 2px solid #337ab7;
}
.table-advance td.highlight div.success {
	border-left: 2px solid #36c6d3;
}
.table-advance td.highlight div.info {
	border-left: 2px solid #659be0;
}
.table-advance td.highlight div.warning {
	border-left: 2px solid #F1C40F;
}
.table-advance td.highlight div.danger {
	border-left: 2px solid #ed6b75;
}

@media (max-width:767px) {
    /* 767px */
    .table-advance tr > td.highlight:first-child a {
        margin-left: 8px;
    }
}
/***********************End Custom********************/
/*****************Hoi dap-ok***
.form-group .value-tieude .form-control-static, .value-tieude {
    color: #0088cc;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    margin-bottom: 10px;
}

.attach-list-name {
    display: inline-block;
    float: left;
    font-size: 11px;
    font-weight: 300;
    border-bottom: 1px #ddd solid;
    background-color: #e6f1fb;
    padding: 4px 5px 5px 5px;
    margin-bottom: 10px;
}

.attach-list-delete a {
    border-bottom: 1px #e70507 solid;
    display: inline-block;
    background-color: #e70507;
    padding: 4px 5px 5px 5px;
    font-size: 11px;
    font-weight: 300;
    color: #fff;
}

.attach-list-delete a:hover, .attach-list-delete a:focus {
    background-color: #e70507 !important;
    border-bottom: 1px #E6400C solid;
    color: #fff;
}

.portlet-title h4.block {
    color: #14456f;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}

.form-group .div-clear.value span {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    color: #333;
    font-weight: 300;
}

.div-clear.value * {
    color: #555 !important;
    width: auto !important;
    line-height: 18px !important;
    font-size: 13px;
}

.div-valueNoiDung p {
    margin-bottom: 10px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px;
}

.no-bor-bottom {
    border-bottom: 0px !important;
}

.group-thongtin {
    margin-bottom: 20px;
}

.form .form-section, .portlet-form .form-section {
    font-weight: 600;
    font-family: 'Arial, Helvetica, sans-serif';
    font-size: 14px;
    margin: 10px 0;
}
/****
.form-group .div-clear.value span {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    color: #333;
    font-weight: 300;
}

.no-bor-bottom {
    border-bottom: 0px !important;
}

.group-thongtin {
    margin-bottom: 20px;
}

.form .form-section, .portlet-form .form-section {
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 10px 0;
}

.attach-list-name a, .attach-list-name a:link {
    color: #0088cc;
}

.attach-list-name a:visited {
    color: #666;
}

.attach-list-name a:hover, .attach-list-name a:focus {
    color: #d00;
}
/***tab qui trinh lich su- traloicauhoi - ok***/
.group-traloi ul.nav {
    border-bottom: 1px solid #ddd !important;   
}
.group-traloi ul.nav .nav-item {
    float: left;
}
.group-traloi ul.nav .nav-item > a {
    background: none !important;
    border: 0;
    margin: 0;
    padding-left: 15px !important;
    padding-right: 15px !important;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
}

.group-traloi .tab-content {
    clear: both;
}

.group-traloi ul.nav .nav-item.active {
    background: none;
    border-bottom: 2px solid #fc4f0b;
    position: relative;
}

.group-traloi ul.nav .nav-item.active a {
    color: #fc4f0b;
}
/***end ok**/
/*****************************Van ban*****/
/***************CHinh Table******************/
.td-45 {
    width: 45%;
}
.td-40 {
    width: 40%;
}
.text-center {
    text-align: center;
}
/***khung search - ok****/
/****** search detail *********/
.table thead tr th {
    font-size: 14px;
    font-weight: normal;
    font-family: "Roboto";
    color: #000; font-weight:500;
}
.table .td-btn .btn:last-child {    
    margin-right: 0px;
}
.table-group-actions{
	margin-bottom:5px;
}
/***DatCauHoi***/
.col-form-label {
    padding-bottom: 7px;
}
.star, .required {
    margin-left: 3px;
    color: red;
}
/**********************custom table search*****************/
.dropzone, .dropzone * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
div.dropzone-item {
    width: 46% !important;
    display: inline-block;
    float: right;
}
div.dropzone-item:nth-child(2n+1) {
    float: left;
}
.btn-xs {
    padding: 2px 4px;
}
.btn.red:not(.btn-outline) {
    color: #FFFFFF;
    background: #e70507;
    border-color: #e70507;
}
.table-group-actions .btn.btn-warning {
    border-color: #f2784b;
    color: #fff;
    background: #f2784b;
}
.btn.btn-outline.red:hover, .btn.btn-outline.red:active, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:focus, .btn.btn-outline.red.active {
    border-color: #e7505a;
    color: #ffffff;
    background-color: #e7505a;
}
.btn-actions-right-title .btn.red {
    border-color: #e7505a;
    color: #e7505a;
    background: 0 0;
}
.btn-actions-right-title .btn.red:hover, .btn-actions-right-title .btn.red:focus {
    border-color: #e7505a;
    color: #ffffff;
    background-color: #e7505a;
}
.btn-actions-right-title .btn.bg-yellow-casablanca {
    border-color: #f2784b;
    color: #f2784b;
    background: 0 0;
}

.btn-actions-right-title .btn.bg-yellow-casablanca:hover, .btn-actions-right-title .btn.bg-yellow-casablanca:focus {
    border-color: #f2784b;
    color: #ffffff;
    background-color: #f2784b;
}

.btn-actions-right-title .btn.green:hover, .btn-actions-right-title .btn.green:focus {
    border-color: #28aeb9;
    color: #ffffff;
    background-color: #02b8c8;
}

.btn-actions-right-title .btn:hover, .btn-actions-right-title .btn:focus, .btn-actions-right-title .btn:visited {
    border-color: #db261d;
}
/******File dinh kem - ok - HoiDap***/
.attach-list-name a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0c6 ";
    color: #0069a3;
    margin-right: 3px;
}
.attach-list-name a, .attach-list-name a:link, .attach-list-name a:visited {
    color: #0069a3;
}
/******End File dinh kem - ok***/
/******capcha---ok***/
.row-captcha .form-captcha {
    height: 34px;
    overflow: hidden; 
}
.form-captcha .input-group-addon{
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	height:34px!important;  

}
.form-captcha .input-group-addon:first-child {
    padding: 0;
}
.form-captcha .input-group-addon:last-child {
    padding: 5px 12px!important;
}
.form-captcha .input-group-addon img {
    height: 32px;
    object-fit: cover;
}
.form-captcha .form-control {
    height: 34px;
}
.form-captcha .input-group-addon input[type=image] {
    height: 24px;
}
.captcha-text .form-text.text-muted {
    font-style: italic;
    color: #d00!important;
}
/***
Notes
***/
.note {
    margin: 0 0 10px 0;
    padding: 10px 20px 10px 10px;
    border-left: 5px solid #e1e1e1;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.note h1,
.note h2,
.note h3,
.note h4,
.note h5,
.note h6 {
    margin-top: 0;
}

.note h1 .close,
.note h2 .close,
.note h3 .close,
.note h4 .close,
.note h5 .close,
.note h6 .close {
    margin-right: -10px;
}

.note p {
    margin: 0;
    font-size: 13px;
}

.note p:last-child {
    margin-bottom: 0;
}

.note code,
.note .highlight {
    background-color: #fff;
}

.note.note-default {
    background-color: white;
    border-color: #b0c1d2;
    color: black;
}

.note.note-default.note-bordered {
    background-color: #eef1f5;
    border-color: #c0cedb;
}

.note.note-default.note-shadow {
    background-color: #f1f4f7;
    border-color: #d1dbe4;
    box-shadow: 5px 5px rgba(212, 221, 230, 0.2);
}

.note.note-success {
    background-color: #c0edf1;
    border-color: #58d0da;
    color: black;
}

.note.note-success.note-bordered {
    background-color: #a7e6ec;
    border-color: #6dd6df;
}

.note.note-success.note-shadow {
    background-color: #abe7ed;
    border-color: #81dbe3;
    box-shadow: 5px 5px rgba(134, 221, 228, 0.2);
}

.note.note-info {
    background-color: #f5f8fd;
    border-color: #8bb4e7;
    color: #010407;
}

.note.note-info.note-bordered {
    background-color: #dbe8f8;
    border-color: #a0c2ec;
}

.note.note-info.note-shadow {
    background-color: #e0ebf9;
    border-color: #b5cff0;
    box-shadow: 5px 5px rgba(185, 210, 241, 0.2);
}

.note.note-warning {
    background-color: #faeaa9;
    border-color: #f3cc31;
    color: black;
}

.note.note-warning.note-bordered {
    background-color: #f8e38c;
    border-color: #f4d249;
}

.note.note-warning.note-shadow {
    background-color: #f9e491;
    border-color: #f6d861;
    box-shadow: 5px 5px rgba(246, 217, 102, 0.2);
}

.note.note-danger {
    background-color: #fef7f8;
    border-color: #f0868e;
    color: #210406;
}

.note.note-danger.note-bordered {
    background-color: #fbdcde;
    border-color: #f39da3;
}

.note.note-danger.note-shadow {
    background-color: #fbe1e3;
    border-color: #f6b3b8;
    box-shadow: 5px 5px rgba(246, 184, 189, 0.2);
}

.panel-thongbao > .text-danger {
    color: #d00;
    margin-left: 15px;
    line-height: 34px;
}
/*****end note***/
/***
Customized Bootstrap Alerts
***/
.alert {
    border-width: 1px;
    padding: 5px;
    margin-bottom: 10px;
}

.alert > p {
    margin: 0;
}

.alert.alert-borderless {
    border: 0;
}

.alert-danger {
    background-color: #fbe1e3;
    border-color: #fbe1e3;
    color: #e73d4a;
}
/***end alerts***/
/***********table*****/
.table {
    margin-bottom: 10px;
}
/*******************Thutuchanhchinh***/
/***
Form Repeater
****/
.mt-repeater {
    display: table;
    width: 100%;
}

.mt-repeater .mt-repeater-item {
    border-bottom: 0px solid #ddd;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.mt-repeater .mt-repeater-item.mt-overflow {
    overflow: auto;
}

.mt-repeater .mt-repeater-title {
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
    font-weight: 600;
}

.mt-repeater .mt-repeater-input {
    display: table-cell;
    vertical-align: top;
    padding: 0 10px 10px 10px;
    width: 1%;
}

.mt-repeater .mt-repeater-input input[type="text"], .mt-repeater .mt-repeater-input textarea, .mt-repeater .mt-repeater-input select {
    width: 100%;
}

.mt-repeater .mt-repeater-input .control-label {
    padding-top: 0;
    margin-bottom: 5px;
}

.mt-repeater .mt-repeater-input.mt-repeater-textarea {
    width: 3%;
}

.mt-repeater .mt-repeater-input:first-child {
    padding-left: 0;
}

.mt-repeater .mt-repeater-input:last-child {
    padding-right: 0;
}

.mt-repeater .mt-repeater-delete {
    margin-top: 1.8em;
}

.mt-repeater .mt-repeater-delete.mt-repeater-del-right {
    float: right;
    margin-top: 10px;
}

.mt-repeater .mt-repeater-cell {
    display: table;
    width: 100%;
}

.mt-repeater .mt-repeater-cell .mt-repeater-input-inline,
.mt-repeater .mt-repeater-cell .mt-repeater-btn-inline {
    display: table-cell;
}

.mt-repeater .mt-repeater-cell .mt-repeater-input-inline {
    width: 100%;
    border-right: none;
}

.mt-repeater .mt-repeater-cell .mt-repeater-btn-inline {
    width: 1%;
    float: none;
}

.mt-repeater .mt-repeater-row {
    margin-right: 0;
}

.btn-danger.mt-repeater-delete {
    color: #fff;
    background-color: #ed6b75;
    border-color: #ea5460;
}
/*
.file-attachment .mt-repeater-cell {
    border-bottom: 1px #ddd solid;
    min-width: 100px;
    width: 31%;
    background-color: #f5f5f5;
    margin-bottom: 5px;
    margin-right: 2%;
    float: left;
    padding-left: 5px;
    
}

.file-attachment .mt-repeater-cell label {
    font-size: 11px;
    color: #777;
    width: 88%; overflow:hidden;
}

.file-attachment .mt-repeater-cell .FileName.mt-repeater-input-inline {
    font-size: 11px;
    color: #0088cc;
    width: 100%;
    line-height: 26px;
    display: inline-block;
}

.file-attachment .mt-repeater-cell .FileName.mt-repeater-input-inline, .file-attachment .mt-repeater-cell .FileName.mt-repeater-input-inline:link,
.file-attachment .mt-repeater-cell .FileName.mt-repeater-input-inline:visited {
    color: #0088cc;
}

.file-attachment .mt-repeater-cell .FileName.mt-repeater-input-inline:hover, .file-attachment .mt-repeater-cell .FileName.mt-repeater-input-inline:focus {
    color: #fc4f0b;
}

.file-attachment .mt-repeater-cell .FileName.mt-repeater-input-inline .mt-repeater-download {
    float: right;
}
/***/
.mt-repeater .mt-repeater-item.mt-overflow {
    overflow: auto;
}
.mt-repeater .mt-repeater-cell {
    display: table;
    width: 100%;
}
.mt-repeater .mt-repeater-cell .mt-repeater-input-inline {
    width: 100%;
    border-right: none;
}
.mt-repeater .mt-repeater-cell .mt-repeater-btn-inline, .mt-repeater .mt-repeater-cell .mt-repeater-input-inline {
    display: table-cell;
}
.mt-repeater .mt-repeater-cell .mt-repeater-btn-inline {
    width: 1%;
    float: none;
}
.file-attachment .mt-repeater-cell .mt-repeater-input-inline {
	font-size: 11px;
	color: #0088cc;	
	line-height: 26px;
	display: inline-block;
	background-color: #f5f5f5;
	border-bottom: 1px #ddd solid;
}

@media (max-width: 991px) {
    .mt-repeater .mt-repeater-input {
        width: 100%;
        display: block;
        padding-left: 0;
        padding-right: 0;
    }

    .mt-repeater .mt-repeater-input.mt-repeater-textarea {
        width: 100%;
    }

    .mt-repeater .mt-repeater-input .control-label {
        text-align: left !important;
    }

    .mt-repeater .mt-repeater-input .mt-repeater-delete {
        margin-top: 0;
    }
}
/*******/
/*******FriendlyName*********/
.container {
    width: 100% !important; 
    background-color: transparent !important;
    border: 0px solid gray !important;
    margin: 0px auto !important;
}
/*************Vanbanphapquy*********/
/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-left: 0;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

.fileUploaded {
    display: flex;
    padding: 5px 0;
}

.fileUploaded-text {   
    border-bottom: 1px #ddd solid;
    min-width: 100px;
    width: 31%;
    background-color: #f5f5f5;
    margin-bottom: 5px;
    margin-right: 2%;
    float: left;
    padding-left: 5px;
    font-size: 11px;
    color: #777;
    padding: 6px 10px;
}

.fileUploaded-text:visited {
    color: #3a3b3b;
}
/*****Lich su + quy trinh VanBanChiDaoDieuHanh/EditForm.aspx****/
div.portlet-Workflow {
    border: 0;
    float: none;
    clear: both;
    margin: 10px 10px;
    width:100%;
    box-shadow:none;
}
.portlet-Workflow .tabbable-line > .nav-tabs > li > a {
    margin: 0; border:0;
    border-bottom: 2px solid transparent;
}
.portlet-Workflow .tabbable-line > .nav-tabs > li > a {
    background: none !important;
    text-transform: uppercase;   
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    color: #333;
    font-weight: 700;
}
.portlet-Workflow .tabbable-line > .nav-tabs > li > a.active {
    background: none; border: 0; color:#da251c;
    border-bottom: 2px solid #da251c;
}
.portlet-Workflow .tabbable-line > .nav-tabs > li.open, .portlet-Workflow .tabbable-line > .nav-tabs > li:hover {
    background: none; border: 0;color:#da251c;
    border-bottom: 2px solid #f37545;
}

.portlet-Workflow .tabbable-line > .nav-tabs > li.open > a, .portlet-Workflow .tabbable-line > .nav-tabs > li:hover > a {
    border: 0;
    background: none !important;
    color: #333;
}

.portlet-Workflow .tabbable-line > .nav-tabs > li.open > a > i, .portlet-Workflow .tabbable-line > .nav-tabs > li:hover > a > i {
    color: #a6a6a6;
}

.portlet-Workflow .tabbable-line > .nav-tabs > li.open .dropdown-menu, .portlet-Workflow .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
    margin-top: 0px;
}

.portlet-Workflow .tabbable-line > .tab-content {
    margin-top: 0;
    border: 0;
    border-top: 1px solid #eef1f5;
    padding: 10px 0;
}

.portlet-Workflow .page-container-bg-solid .tabbable-line > .tab-content {
    border-top: 1px solid #dae2ea;
}

.portlet-Workflow .tabbable-line > .tab-content {
    padding-bottom: 0;
}

.label-light-primary {
    color: #3699FF;
    background-color: #E1F0FF;
}
/****************************fix loi******/
/****** search detail *********/
.table .td-btn .btn:last-child {
    margin-right: 0px;
}

.table-group-actions {
    margin-bottom: 5px;
}
/************************************Timeline*****/
.timeline.timeline-5 {
    position: relative;
}

.timeline.timeline-5:before {
    content: '';
    position: absolute;
    left: 148.5px;
    width: 4px;
    top: 0;
    bottom: 0;
    background-color: #ddd;
}

.timeline.timeline-5 .timeline-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 10px;
}

.timeline.timeline-5 .timeline-item:last-child {
    margin-bottom: 0;
}

.timeline.timeline-5 .timeline-item .timeline-label {
    width: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 600;
    position: relative;
    color: #3F4254;
}

.timeline-ThoiGian-Gio.timeline.timeline-5 .timeline-item .timeline-label {
    width: 150px;
}

.timeline.timeline-5 .timeline-item .timeline-badge {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: white;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    position: relative;
    margin-top: 1px;
    margin-left: -0.5rem;
    padding: 3px !important;
    border: 6px solid #fff !important;
}

.timeline.timeline-5 .timeline-item .timeline-badge span {
    display: block;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    background-color: #EBEDF3;
}

.timeline.timeline-5 .timeline-item .timeline-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.lichsu_Buoc {
    margin-right: 20px;
}
.text-dark-75 {
    color: #3F4254 !important;
}
.pl-3 {
    padding-left: 0.75rem !important;
}
.label-light-primary {
    margin-right: 0 !important;
}   

.timeline-quytrinh .timeline-content span {
    margin-right: 8px;
}

.timeline-content-title {
    font-weight: bold;
}
/*******/
.timeline.timeline-3 .timeline-items {
    margin: 0;
    padding: 0;
}

.timeline.timeline-3 .timeline-items .timeline-item {
    margin-left: 25px;
    border-left: 2px solid #EBEDF3;
    padding: 0 0 20px 50px;
    position: relative;
}

.timeline.timeline-3 .timeline-items .timeline-item .timeline-media {
    position: absolute;
    top: 0;
    left: -26px;
    border: 2px solid #EBEDF3;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    line-height: 0;
}

.timeline.timeline-3 .timeline-items .timeline-item .timeline-media i {
    font-size: 1.4rem;
}

.timeline.timeline-3 .timeline-items .timeline-item .timeline-media .svg-icon svg {
    height: 24px;
    width: 24px;
}

.timeline.timeline-3 .timeline-items .timeline-item .timeline-media img {
    max-width: 48px;
    max-height: 48px;
    border-radius: 100%;
}

.timeline.timeline-3 .timeline-items .timeline-item .timeline-content {
    border-radius: 0.85rem;
    position: relative;
    background-color: #F3F6F9;
    padding: 0.75rem 1.5rem;
}

.timeline.timeline-3 .timeline-items .timeline-item .timeline-content:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 10px;
    left: -25px;
    border-right: solid 10px #F3F6F9;
    border-bottom: solid 17px transparent;
    border-left: solid 17px transparent;
    border-top: solid 17px transparent;
}

.timeline.timeline-3 .timeline-items .timeline-item:last-child {
    border-left-color: transparent;
    padding-bottom: 0;
}
/*****************timeline boottrap 4*****/
.timeline{
  --uiTimelineMainColor: var(--timelineMainColor, #222);
  --uiTimelineSecondaryColor: var(--timelineSecondaryColor, #fff);
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.timeline:before{
  content: "";
  width: 4px;
  height: 100%;
  background-color: #95A5A6;
  position: absolute;
  top: 0;
}
.timeline__group{
  position: relative;
}
.timeline__group:not(:first-of-type){
  margin-top: 1rem;
}
.timeline__year{
  padding: .5rem 1.5rem;
  color: var(--uiTimelineSecondaryColor);
  background-color: var(--uiTimelineMainColor);
  position: absolute;
  left: 0;
  top: 0;
}
.timeline__box{
  position: relative;
}
.timeline__box:not(:last-of-type){
  margin-bottom: 30px;
}
.timeline__box:before{
  content: "";
  width: 100%;
  height: 2px;
  background-color:#95A5A6;
  position: absolute;
  left: 0;
  z-index: -1;
}
.timeline__post{
  padding: 7px 10px;
  border-radius: 2px;
  border-left: 3px solid #95A5A6;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24);
  background-color: var(--uiTimelineSecondaryColor);
}
.timeline__date{
  min-width: 40px;
  position: absolute;
  left: 0;
  box-sizing: border-box;
  padding:5px;
  text-align: center;
  background-color: #95A5A6;
  color: var(--uiTimelineSecondaryColor);
}
.wf-green .timeline__box:before{
 	background-color:#006a34;
}
.wf-green .timeline__post{
	border-left: 3px solid #006a34;
}
.wf-yellow .timeline__box:before{
	background-color:#FFA800;
}
.wf-yellow .timeline__post{
	 border-left: 3px solid #FFA800;
}
/**/
.wf-green .timeline__date{
 	background-color:#006a34;
}
.wf-yellow .timeline__date{
	background-color:#FFA800;
}
/***/
.timeline__day{
  font-size: 14px;
  font-weight: 700;
  display: block;
}
.timeline__day label{
	color:#fff;font-size: 14px;
  font-weight: 700;
  display: block;

}
.timeline__month{
  display: block;
  font-size: .8em;
  text-transform: uppercase;
}


@media screen and (min-width: 641px){

  .timeline:before{
    left: 20px;
  }
  .timeline__box{
    padding-left: 50px;
  }

  .timeline__box:before{
    top: 50%;
    transform: translateY(-50%);  
  }  

  .timeline__date{
    top: 50%;
    margin-top: -15px;
  }
}

@media screen and (max-width: 640px){

  .timeline:before{
    left: 0;
  }

  .timeline__group{
    padding-top: 40px;
  }

  .timeline__box{
    padding-left: 20px;
    padding-top: 70px;
  }

  .timeline__box:before{
    top: 90px;
  }    

  .timeline__date{
    top: 0;
  }
}

.timeline{
  timelineMainColor: #4557bb;
  font-size: 12px;
}
/****************cusstom***/
.star, .required {
    margin-left: 3px;
    color:#fc4f0b
 }
/*************************An pham-quang cao****/
/*****************************************************end userControl*****/
/****************************Page layout all site*****/
.pagelayout_TrangHome, .pagelayout_Trang02Zone_mnLeft, .pagelayout_Trang02Zone_mnRight, .pagelayout_Trang03Zone, .pagelayout_Trang01Zone {
}
.img-responsive, .thumbnail > img, .thumbnail a > img,.carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img {
    width:100%;    display: block;
    max-width: 100%;
    height: 100%;    
   /* object-fit: fill;*/
}
@media(max-width:767px){
	.img-responsive, .thumbnail > img, .thumbnail a > img,.carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img{
		width:100%;   
		max-width: 100%;
		height: auto; 	
   		 transition: 500ms ease-in-out;   
	}
}

/****************************end Page layout all site*****/
/**********************************************************************TIN NOI BAT************/
.blog-news-hot {
    position: relative;
}
.blog-news-hot .block-content .carousel-item{
	display:block;
}
.blog-news-hot .block-content .see-more{
	display:none;
}
.blog-news-hot .post-info-hot {
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0; left:0;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 15px;
    line-height: 20px;
    overflow: hidden;
}

.blog-news-hot .post-info-hot a, .blog-news-hot .post-info-hot a:link, .blog-news-hot .post-info-hot a:visited {
    color: #fff;
    font-weight: 500; width:100%;
}

.blog-news-hot .block-content {
    -webkit-box-shadow: 0 0 3px #d2d2d3;
    -moz-box-shadow: 0 0 3px #d2d2d3;
    box-shadow: 0 0 3px #d2d2d3;  
    background-color:white; 
}
.blog-news-hot .block-content .post-info{
	background: url('/Style Library/PortalBenTre/Images/ico-tnb.png') no-repeat 0 8px;
	padding-left:17px;
		
}
.blog-news-hot .list-post .carousel-item a, .blog-news-hot .list-post .carousel-item a:link, .blog-news-hot .list-post .carousel-item a:visited {
    font-weight: 400;
    color: #333;
}

.tabbable-line > .tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 2px solid #d8d8d8;
    padding: 0;
}

.list-post .carousel-item {
    overflow: hidden;
    padding: 7px 10px;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #eaeaea;
    -webkit-transition: all .40s;
    -moz-transition: all .40s;
    -o-transition: all .40s;
    transition: all .40s;
}
.list-post .carousel-item:last-child{
	 border-bottom: 0px solid #eaeaea;

}
.list-post .carousel-item:hover, .list-post .carousel-item:focus {
    background-color: #fdf1cd;
}

.list-post .carousel-item.active {
    background-color: #fff7e0;
}

.list-post .carousel-item.active a ,.list-post .carousel-item.active span {
    color: #006a34;
}

.list-post .carousel-item a {
    font-weight: 600;
}
.row-top .zoneHomeRight .list-item .item{
	height:41px; overflow:hidden; text-align:justify;
}
@media (min-width:768px) {	
	.blog-news-hot .block-content {  
	    padding: 0;
	    margin-left:-10px;
	}
	.blog-news-hot .block-content .post-info{
		overflow: hidden;
		height: 43px;		
		text-align:justify;
	}
    .blog-news-hot .carousel-inner > .carousel-item > img, .blog-news-hot .carousel-inner > .carousel-item > a > img {
        height: 340px;
        width: auto;
        max-width:100%;
            object-fit: revert;
    }
    .blog-news-hot .carousel-inner h3 {
        font-weight: 700 !important;
    }
     .blog-news-hot .carousel-control .glyphicon-chevron-left, .blog-news-hot .carousel-control .glyphicon-chevron-right {
        border-radius: 50%;
        border: 3px #fff solid;
    }
}
@media (max-width:767px) {
	.row-top .blog-news-hot{
		margin:0!important;
	}
	div#carousel_tinmoi{
		padding:0!important;
	}
	
}
.row-top .col-12{
		padding-left:0!important;padding-right:0!important;
	}	
	.row-top .zoneHomeLeft-top{
		margin-bottom:12px;
	}

/**********************************************************************End TIN NOI BAT************/
/************************Banner img******/
.card-box-banner{
	margin-bottom:12px;
}
.card-img-banner img{
	margin-bottom:10px;
}
.card-img-full {
    margin-bottom: 12px;
    position: relative;
    background: #FFF;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
    padding: 1px;
}
.card-img-banner {
   
    width: 100%;
    display: block;
    overflow: hidden;
}
.card-img-banner img {
    object-fit: cover; width:100%;   
}
div.col3 .card-img-banner-item{
	padding:0px;
	margin-right: 1.5%;
	
	overflow:hidden;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 32.33%;
	flex: 0 0 32.33%;
	max-width: 32.33%;  
}
div.col3 .card-img-banner-item img{
	object-fit: cover; width:100%; 
}
div.col3 .card-img-banner-item:nth-child(3){
	 margin-right:0;
}
@media (min-width: 768px) {
div.col3 .card-img-banner-item{
	height:120px;
}
.card-img-banner{
	 height: 100px;
}
}
/************tabanhvideo*****/
.card-box-body-AnhVideo .tab-content{
	padding:10px;
}
.card-box-body-AnhVideo .carousel-item{
	/*max-height:380px;
	height:380px;*/
}
.card-box-body-AnhVideo .carousel-item img{	
	 /*object-fit: cover;*/ width:100%; max-width:100%;
}
.card-box-body-AnhVideo #tabVideo{
	 background:rgba(0, 0, 0, 0.7);
}
.card-box-body-AnhVideo #tabVideo video {   
    width: 100%!important;
    max-width: 100%!important;
    height:auto!important;
   

}

@media(max-width:767px){
	.card-box-body-AnhVideo .carousel-item{	
	height:auto;
}
.card-box-body-AnhVideo #tabVideo video {   
    width: 100%!important;
    max-width: 100%!important;
    height:auto!important;

}
}

/****Tin tuc/chua ok****/
/****/
input.form-control, textarea.form-control {
    border-color: #dbdbdb;
    color: #777;
    font: 14px Roboto;
    border-radius: 0;
    box-shadow: none;
}

/**custom boottrap***/
/**Capcha****/
.captcha-chat .input-group-addon {
    padding: 0px 16px !important;
    text-align: center;
    height: 36px !important;
}
.captcha-chat .input-group-addon .fa {
    color: #f6465a;
    font-size: 24px;
}
.captcha-chat .input-group .form-control {
    height: 50px;
}
.captcha-chat .input-group-addon #txtNewInput {
    font-size: 24px !important;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 0.85;
}
.form-text {
    font-style: italic;
}
.alert-text {
    background-color: #fbe1e3;
    border: 1px #fbe1e3 solid;
    color: #e73d4a;
    padding: 5px;
}
/***Custom***
.card-content-box .container {
    padding: 0px;
    width: 100%;
}

.portlet.light > .portlet-title > .caption > .caption-subject {
    font-family: "Roboto Condensed";font-weight:600;
    font-size: 18px;
    padding-bottom: 10px;
    color: #1976D2;
    line-height: 28px;
}

.search-bar .input-group-btn > .btn {
    position: relative;
    margin-right: 2px;
    height: 40px;
}

.portlet.light > .portlet-title > .nav-tabs > li > a {
    margin: 0;
    padding: 5px;
    font-size: 16px !important;
    color: #5c6873 !important;
    font-family: 'Roboto-Medium';
    text-transform: uppercase;
}

.card-layout-fix .table td, .card-layout-fix .table th, .layout-page .table td, .layout-page .table th {
    padding: 8px;
    color: #000;
}

.search-bar {
    margin-bottom: 10px;
}

.search-filter .search-bar .form-control {
    background-color: #f3f6f9;
    color: #333333;
    height: 40px;
}
/*******************************************************TIN TUC***********************************************/
/***********************************************************************************************TIN TONG QUAT-ok***/
#TinTongQuat{
	background-color:white;
}
.de-newscont-morong{
	margin-bottom:10px;
}
.card-tq-item {
    padding: 10px 0;
    border-bottom: 1px #e1e1e1 solid;
    overflow: hidden;
    clear: both;
}

.card-tq-body-title, .card-title {
    margin-bottom: 12px;
}
.card-tq-body-title a, .card-tq-body-title a:link, .card-tq-body-title a:visited{
    color: #14456f;
    font-size: 16px;
    line-height: 22px;
    /*font-size: 24px;
    line-height: 30px;*/
    font-weight: 600;
    text-align: justify;
}
.card-title{
	color: #14456f;
	font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    text-align: justify;
}
.card-ItemShortContent p{
	font-weight:700 !important;
}
.card-tq-body-title a:hover,.card-tq-body-title a:focus {
    color: #d00;
}

.card-tq-img-thumb {
    width: 25%;
    float: left;
    margin-right: 2%;
    box-sizing: border-box;
}

.card-tq-img-thumb img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
        object-fit: cover;
}

.card-tq-body-content {
    width: 73%;
    float: right;
    text-align: justify;
    font-weight:500; 
    line-height:1.6;  
}
.spNews-zoneLeft .card-tq-img-thumb {
	  width: 25%;

}
.spNews-zoneLeft .card-tq-body-content {
	 width: 73%;

}
.infodate, .de-newsTacGia {     
    clear: both;
    line-height: 26px;
    font-weight:bold;
}
.card-tq-body-content * {
    font-family:"Roboto"!important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}
.card-tq-page-title {
    font-family: 'RobotoCondensed-Bold', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #14456f;
    line-height: 28px;
}
.card-ReportSearch .card-title,.card-tq-page-title H3, .card-content-title-1 h3 {  
	font-size: 16px;
	font-family: 'RobotoCondensed-Bold';
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 10px;
}
.card-tq-page-title, .card-content-title-1 {   
    clear: both;
    overflow: hidden;    
    padding: 10px 15px 0px 15px;
    border-bottom: 1px #eaeaea solid;
    min-height: 34px;
}
.card-line-left {
    height: 2px;
    overflow: hidden;
    background-color:#da251c;
    margin-top: 5px;  
    width: 90px;
}
.de-newscont, .de-newscont p {
    width: 100% !important;
}
.ms-rte-embedil {
    display:block!important;
}
.de-newscont iframe{
	display:block;
	margin:0 auto!important;
}
.de-newscont .textbody {
    height: auto !important;
}
.de-newscont img {
    max-width:100%!important;
    height: auto !important;
    margin:0 auto;
    text-align:center;
}
/*
@media(min-width:1025px) {
.de-newscont img {
    max-width:520px!important;
    height: auto !important;
    margin:0 auto;
    text-align:center;
}
}
@media (min-width: 992px) and (max-width: 1024px) { 
	.de-newscont img {
    max-width:100%!important;
    height: auto !important;
    margin:0 auto;
    text-align:center;
}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.de-newscont img {
    max-width:100%!important;
    height: auto !important;
    margin:0 auto;
    text-align:center;
}
}
/***/
@media(max-width:767px) {
	.de-newscont iframe{
		width:100%!important;
	}
    .card-tq-body {
        height: auto;
    }
    .de-newscont img, .de-newscont p {
        width: 100% !important;
        height: auto !important;
    }
     .de-newscont img{		
		margin-right: 0!important;
		margin-left: 0!important;
		width: 100%!important;
		max-width: 100%!important;
	}
    .card-tq-img-thumb {
	    width: 100%;
	    float: none;
	    margin-right: 0;	 
	}
	.card-tq-img-thumb img {
	    max-width: 100%; width: 100%;
	    height: auto;	 
	}
	.card-tq-body-content {
	    width: 100%;
	    float: none;	   
	}
	 .de-newscont img.ms-asset-icon {
	width:auto!important;
}
}

.card-blog hr, .card-blog p, .card-blog-post hr, .card-blog-post p {
    margin: 0px 0 0px 0px !important;
}
/***********************************************************************************************END TIN TONG QUAT-ok***/
/***********************************************************************************************CHI TIET TIN-ok**/
.card-content-blog-post-1, .card-blog .card-content-box {
    padding: 0px 10px 15px 10px;  
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
    margin-bottom:12px;
}
.card-blog-page-title h3 {
    font-size: 22px;
    font-family: 'RobotoCondensed-Bold';
    color: #314251;
    font-weight: 500;
    margin: 0 0 10px 0;
}
.card-blog-img-thumb {
    float: left;
    height: 80px;
    overflow: hidden;
    margin-right: 15px;
}
.card-blog-img-thumb img {
    width: auto;
    height: 80px;
}
.card-blog-ShortContent p {
    font-size: 15px;
    line-height: 24px;
}
.page-bar{
	margin-left:-10px;
	margin-right:-10px;
}
.card-blog-post-top{
	margin-bottom:10px;
}
@media(min-width:992px){
	.card-blog-post-top .card-col-3 .col-md-4:nth-child(1){
	    flex: 0 0 40%;
   		max-width: 40%;
	}
	.card-blog-post-top .card-col-3 .col-md-4:nth-child(2){
		flex: 0 0 30%;
   		max-width: 30%;

	}
	.card-blog-post-top .card-col-3 .col-md-4:nth-child(3){
		flex: 0 0 30%;
   	    max-width: 30%;   	   
	}
}

@media (min-width: 768px) and (max-width: 991px) { 
	.card-blog-post-top .card-col-3 .col-md-4:nth-child(1){
	    flex: 0 0 50%;
   		max-width: 50%;
	}
	.card-blog-post-top .card-col-3 .col-md-4:nth-child(2){
		flex: 0 0 25%;
   		max-width: 25%;

	}
	.card-blog-post-top .card-col-3 .col-md-4:nth-child(3){
		flex: 0 0 25%;
   	    max-width: 25%;   	   
	}
	.cms-tuongphan,.cms-font-size {
	display:none;
}
}

@media(max-width:767px){
	.card-blog-post-top .card-col-3 .col-md-4:nth-child(1){
	    flex: 0 0 100%;
   		max-width: 100%;
	}
	.card-blog-post-top .card-col-3 .col-md-4:nth-child(2){
		flex: 0 0 50%;
   		max-width: 50%;

	}
	.card-blog-post-top .card-col-3 .col-md-4:nth-child(3){
		flex: 0 0 50%;
   	    max-width: 50%;   	   
	}
}

/**End Tin chi tiet**/
.card-content-blog-post-1 .card-panel {
    margin: 0px -15px 10px -15px;
    padding: 5px 10px;
    border: 0px solid #e1e1e1eee;
    overflow: hidden;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
}
.card-panel .card-author {
    float: left;
}
.card-news-zoom-right {
    float: right;
    text-align: right;
    margin-right: 20px;
}
@media(max-width:767px) {
    .card-content-blog-post-1 .card-panel {
        margin-top: 0;
    }

    .card-panel .card-author, #tuongphan, .card-news-zoom-right {
        float: none !important;
        text-align: left !important;
    }

    .de-newscont * {
       /* text-align: justify !important;*/
    }
}
.card-author .de-newsTacGia {
    float: left;
    display: inline-block;
    font-size: 14px;
    color: #5c6873;
    font-weight: 400;
    text-transform: uppercase;
}
.card-content-blog-post-1 .card-desc {
    font-size: 14px;
    font-family: Roboto;
    color: #333333;
}
.card-wp-caption * {
    font-size: 16px !important;   
    font-family:"Roboto"!important;   
}
.de-newscont * {
    font-family: Roboto !important;
    font-size: 16px;
    color: #333333;
}
.b-img-slider-jsgallery ,.b-img-slider-jsgallery img{
    display: block !important;
    width: 100% !important;
}
.ndecont img {
    max-width: 720px;
    height: auto !important;
    text-align: center;
}
.ShowDate {
    color: #777;
}
.card-content-ver-nav .card-menu > li {
    list-style: none;
    padding: 7px 0;
    border-bottom: 1px solid #f2f2f2;
}
.card-content-ver-nav .card-menu > li:last-child{
	 border-bottom: 0px solid #f2f2f2;

}
.card-content-ver-nav .card-menu > li > a {
    font-weight: 400;
    font-family: 'Roboto';
    color: #333333; font-weight:500;
}
.card-content-ver-nav .card-menu > li > a:hover {
    color: #d00;
}
.card-content-ver-nav .card-menu { 
    clear: both;
    padding: 12px 15px 15px;
}
.card-content-ver-nav .card-menu > li > a > span {
    margin-right: 5px; 
}
.card-content-ver-nav .fa:before{
	content: "\f13a";
    color: #006a34;
    margin-right: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.readCounter {
    clear: both; overflow:hidden;
}
.viewers-label {
    float: left;
}
.print-return {
    float: right;
}
/**so luot truy cap***/
.viewers-label span {
    color: #333333;
    font-weight: 600;
    margin-right: 5px;
}
.viewers-label .circle {
    border-radius: 25px !important;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px #F0f0f0 solid;
    white-space: nowrap;
    padding: 3px 6px;
    text-align: center;
}
.print-return div {
    display: inline-block;
}
.print-return a {
    padding: 5px 9px;
    color: #3598dc;
    margin: 0 6px 2px 0;
    line-height: 14px;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important; font-weight:500;
}
.print-return a:hover, .print-return a:focus {
    color: #d00!important;
}

.return .fa, .print .fa {
    margin-right: 3px;
}

/***test**/
.flat-social li a {
    cursor: pointer;
}
.share-post {
    clear: both;
    overflow: hidden;
    padding: 0px 10px;
}
.share-post span.share-text {
    background: #FF8500;
    margin: -9px 10px -10px -10px;
    display: block;
    float: left;
    color: #FFF;
    padding: 0 9px;
    font-family: 'RobotoCondensed-Bold';
    font-size: 15px;
    text-transform: uppercase;
    height: 45px;
    line-height: 50px !important;
}
.flat-social li {
    width: auto !important;
    float: left;
    margin-right:3px;
}
.flat-social li .fb_iframe_widget{
	margin-right:-1px;
}
#id_link_gplus, #id_link_linkedin {
    display: none;
}
.share-post .flat-social a {
    color: #FFF !important;
    text-decoration: none !important;
}
#id_link_zalo img {
    height: 20px;
}
.social-icons.social-colored .fa-twitter:before, .social-twitter, .author-social a.social-twitter:hover, .arq-lite-twitter a:hover i, .arqam-lite-widget-counter.colored .arq-lite-twitter a i {
    background: #45b0e3;
}
.flat-social a { 
	border-radius: 3px!important;
	font-size: 11px;
	height: 20px;
	padding: 0 6px;
	line-height:14px;
}
.flat-social a.social-twitter,.flat-social a.social-pinterest{
	padding-top:4px; padding-bottom:3px;
}
.flat-social .zalo-share-button {   
    line-height: 20px !important;
    display: inline-block;
    width: auto !important;
    background-color: #03a5fa;
    margin-top:1px;
    
    border-radius: 3px;
    font-size: 11px;
    height: 20px;
    padding: 0 6px;
    
}
.flat-social .zalo-share-button img {
    height: 20px !important;
    width: 20px !important;
}
.flat-social .zalo-share-button iframe {
    height: 20px !important;
    line-height: 20px !important;
    display: inline-block;
    float: left;
}
.flat-social .zb-btn-blue--small {
    display: inline-block;
    background-color: #03a5fa;
    color: #fff;
    width: auto;
    height: 32px;
    line-height: 34px;
    text-decoration: none;
    font-size: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
}
.zb-btn-blue--20x20 {
    line-height: 18px !important;
}
.zb-btn-blue--20x20 .zb-logo-zalo {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.15em;
    width: 14px;
    height: 14px;
   
}
/* Social Icons Widget */
.social-icons {
    text-align: center;
}
.social-icons a {
    margin: 2px;
    position: relative;
    text-shadow: none;
    display: inline-block;
}
.social-icons-widget .social-icons i:before {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.social-icons-widget .social-icons a {
    color: #555 !important;
}
.social-icons-widget .social-icons.social-colored a {
    color: #FFF !important;
}
.social-icons-widget .social-icons a:hover {
    opacity: 0.7;
}
.social-icons.social-colored .fa-delicious:before,
.arq-lite-delicious a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-delicious a i {
    background: #2567ee;
}
.social-icons.social-colored .fa-foursquare:before {
    background: #0d9ed1;
}
.social-icons.social-colored .fa-digg:before {
    background: #b2b2b2;
}
.social-icons.social-colored .fa-reddit:before {
    background: #ff915c;
}
.social-icons.social-colored .tieicon-vimeo:before,
.arq-lite-vimeo a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-vimeo a i {
    background: #3fbfce;
}
.social-icons.social-colored .fa-play:before {
    background: #a0b532;
}
.social-icons.social-colored .fa-soundcloud:before,
.arq-lite-soundcloud a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-soundcloud a i {
    background: #F76700;
}
.social-icons.social-colored .fa-yelp:before {
    background: #c1230d;
}
.social-icons.social-colored .fa-github:before {
    background: #666666;
}
.social-icons.social-colored .fa-xing:before {
    background: #00605e;
}
.social-icons.social-colored .fa-dropbox:before {
    background: #459ce6;
}
.social-icons.social-colored .fa-tumblr:before {
    background: #385a75;
}
.social-icons.social-colored .fa-apple:before {
    background: #7e878b;
}
.social-icons.social-colored .fa-dribbble:before,
.arq-lite-dribbble a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-dribbble a i {
    background: #d875a2;
}
.social-icons.social-colored .fa-skype:before {
    background: #00c6ff;
}
.social-icons.social-colored .fa-vk:before {
    background: #336699;
}
.social-icons.social-colored .fa-friendfeed:before {
    background: #93b4dd;
}
.social-icons.social-colored .fa-lastfm:before {
    background: #f54a3d;
}
.social-icons.social-colored .fa-spotify:before {
    background: #7fb718;
}
.social-icons.social-colored .fa-paypal:before {
    background: #34aad2;
}
.social-icons.social-colored .fa-wordpress:before {
    background: #2071ad;
}
.social-icons.social-colored .fa-rss:before,
.arq-lite-rss a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-rss a i {
    background: #f8bc2e;
}

.social-icons.social-colored .fa-share-alt:before {
    background: #55ac60;
}

.social-icons.social-colored .tieicon-picasa:before {
    background: #9d48a1;
}

.social-icons.social-colored .tieicon-evernote:before {
    background: #1c8328;
}

.social-icons.social-colored .fa-github:before,
.arq-lite-github a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-github a i {
    background: #4183c4;
}

.social-icons.social-colored .tieicon-blogger:before {
    background: #f39d38;
}

.social-icons.social-colored .tieicon-viadeo:before {
    background: #f97618;
}

.social-icons.social-colored .tieicon-deviantart:before {
    background: #5d6f6d;
}
.social-icons.social-colored .tieicon-grooveshark:before {
    background: #248fd3;
}
.social-icons.social-colored .tieicon-fivehundredpx:before {
    background: #00adf1;
}
.social-icons.social-colored .fa-facebook:before,
.social-facebook,
.author-social a.social-facebook:hover,
.arq-lite-facebook a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-facebook a i {
    background: #39599f;
}
.social-icons.social-colored .fa-twitter:before,
.social-twitter,
.author-social a.social-twitter:hover,
.arq-lite-twitter a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-twitter a i {
    background: #45b0e3;
}
.social-icons.social-colored .fa-stumbleupon:before,
.social-stumble,
.author-social a.social-stumble:hover {
    background: #eb4924;
}
.social-icons.social-colored .fa-google-plus:before,
.social-google-plus,
.author-social a.social-google-plus:hover,
.arq-lite-google a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-google a i {
    background: #fa0101;
}
.social-icons.social-colored .fa-linkedin:before,
.social-linkedin,
.author-social a.social-linkedin:hover {
    background: #65b7d2;
}
.social-icons.social-colored .fa-pinterest:before,
.social-pinterest,
.author-social a.social-pinterest:hover {
    background: #E00707;
}

.social-icons.social-colored .fa-youtube:before,
.social-youtube,
.author-social a.social-youtube:hover,
.arq-lite-youtube a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-youtube a i {
    background: #cc181e;
}

.social-icons.social-colored .fa-instagram:before,
.social-instagram,
.author-social a.social-instagram:hover,
.arq-lite-instagram a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-instagram a i {
    background: #3897f0;
}

.social-icons.social-colored .fa-behance:before,
.social-behance,
.author-social a.social-behance:hover,
.arq-lite-behance a:hover i,
.arqam-lite-widget-counter.colored .arq-lite-behance a i {
    background: #1769ff;
}

.social-icons.social-colored .tieicon-flickr:before,
.social-flickr,
.author-social a.social-flickr:hover {
    background: #ff0084;
}

.social-site {
    background: #666;
}
/* 670px */

@media only screen and (max-width: 670px) {
    .flat-social a span,
    .breaking-news span.breaking-news-title span,
    .share-post span.share-text,
    .entry #related_posts {
        display: none;
    }
    .breaking-news span.breaking-news-title {
        padding-bottom: 7px;
    }
    .breaking-news span.breaking-news-title i {
        display: block;
        margin-top: -2px;
    }
    .cat-box.column2,
    .list-box li,
    .list-box li.first-news,
    .wide-box li,
    .cat-tabs-wrap li.first-news,
    .cat-tabs-wrap li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .list-box li.first-news {
        padding: 20px;
    }
    .list-box li.other-news {
        border: 0 none;
    }
    .share-post .flat-social a i,
    .mini-share-post .flat-social a i {
        margin: 0 0px;
    }
    .share-post .normal-social li,
    .mini-share-post .normal-social li {
        width: 33.333333% !important;
        height: 25px;
    }
    #featured-posts .featured-post {
        padding: 0 0 1px 1px !important;
        width: 50%;
    }
    #featured-posts .featured-post-inner {
        height: 140px;
    }
    #featured-posts .featured-post-1 {
        width: 100%;
    }
    #featured-posts .featured-post-1 .featured-post-inner {
        height: 220px;
    }
    #featured-posts .featured-post-1,
    #featured-posts .featured-post-2,
    #featured-posts .featured-post-4 {
        padding-left: 0 !important;
    }
}
/***************************************************************************************************************TUONG PHAN **/
.de-news-zoom,#tuongphan{
	display: flex;
  	flex-wrap: nowrap;
}
.de-news-zoom> *,#tuongphan * { 
  text-align: center;
  line-height: 24px;  
}
.de-news-zoom span ,#tuongphan span{
	font-weight:bold;   
}
#tuongphan img {   
    margin-left:5px;
}
.de-news-zoom a {
    display: block;
    float: left;
    height: 28px;
}
.de-news-zoom img {
    vertical-align: top;
}
.de-news-zoom-alast {
    margin-right: 10px !important;
}
#tuongphan a {
    font-size: 11px !important;
}
/*********************************************************************************************************zoom in zoom out*/
.card-blog-post1, .card-blog-post1 div, .card-blog-post1 span, .card-blog-post1 p, .card-blog-post1 font {
    font-size: 17px !important;
}

.card-blog-post2, .card-blog-post2 div, .card-blog-post2 span, .card-blog-post2 p, .card-blog-post2 font {
    font-size: 20px !important;
    line-height: 24px !important;
}

.card-blog-post3, .card-blog-post3 div, .card-blog-post3 span, .card-blog-post3 p, .card-blog-post3 font {
    font-size: 23px !important;
    line-height: 26px !important;
}

.card-blog-post4, .card-blog-post4 div, .card-blog-post4 span, .card-blog-post4 p, .card-blog-post4 font {
    font-size: 26px !important;
    line-height: 28px !important;
}

.card-blog-post5, .card-blog-post5 div, .card-blog-post5 span, .card-blog-post5 p, .card-blog-post5 font {
    font-size: 29px !important;
    line-height: 30px !important;
}

.card-blog-post-1, .card-blog-post-1 div, .card-blog-post-1 span, .card-blog-post-1 p, .newsdetai-l font {
    font-size: 15px !important;
}

.card-blog-post-2, .card-blog-post-2 div, .card-blog-post-2 span, .card-blog-post-2 p, .card-blog-post-2 font {
    font-size: 13px !important;
}

.card-blog-post-3, .card-blog-post-3 div, .card-blog-post-3 span, .card-blog-post-3 p, .card-blog-post-3 font {
    font-size: 11px !important;
}

.card-blog-post-4, .card-blog-post-4 div, .card-blog-post-4 span, .card-blog-post-4 p, .card-blog-post-4 font {
    font-size: 9px !important;
}

.card-blog-post-5, .card-blog-post-5 div, .card-blog-post-5 span, .card-blog-post-5 p, .card-blog-post-5 font {
    font-size: 6px !important;
}

.card-blog-post1 .de-newsTitle span, .card-blog-post1 .skChitietTieuDe span {
    font-size: 25px !important;
}

.card-blog-post2 .de-newsTitle span, .card-blog-post2 .skChitietTieuDe span {
    font-size: 28px !important;
}

.card-blog-post3 .de-newsTitle span, .card-blog-post3 .skChitietTieuDe span {
    font-size: 31px !important;
}

.card-blog-post4 .de-newsTitle span, .card-blog-post4 .skChitietTieuDe span {
    font-size: 34px !important;
}

.card-blog-post5 .de-newsTitle span, .card-blog-post5 .skChitietTieuDe span {
    font-size: 37px !important;
}

.card-blog-post-1 .de-newsTitle span, .card-blog-post-1 .skChitietTieuDe span {
    font-size: 19px !important;
}

.card-blog-post-2 .de-newsTitle span, .card-blog-post-2 .skChitietTieuDe span {
    font-size: 16px !important;
}

.card-blog-post-3 .de-newsTitle span, .card-blog-post-3 .skChitietTieuDe span {
    font-size: 13px !important;
}

.card-blog-post-4 .de-newsTitle span, .card-blog-post-4 .skChitietTieuDe span {
    font-size: 10px !important;
}

.card-blog-post-5 .de-newsTitle span, .card-blog-post-5 .skChitietTieuDe span {
    font-size: 7px !important;
}

.de-news-zoom span {
    line-height: 26px;
    float: left;
    padding-right: 5px;  
}

.de-news-zoom a {
    display: block;
    float: left;
    margin-right: 2px;
    height: 28px;
}

.de-news-zoom-alast {
    margin-right: 10px !important;
}
/***/ /*************************************************************END TIN TUC****************************/
/****************************VAN BAN***********************
.card-bgVanBan-left .portlet.light {
    padding: 12px 20px 15px 20px;
}

.scroller.card-VanBan {
    max-height: 300px;
    overflow-y: auto;
}

.VanBan-body > .VanBan-item:first-child {
    padding-top: 0px;
}

.VanBan-item {
    padding: 7px 0;
    border-bottom: 1px solid #f2f2f2;
}

    .VanBan-item .fa:before {
        color: #14456f;
        font-size: 10px;
        margin-right: 5px;
    }

.icon-type:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0f6";
    color:#14456f;
}
.VanBan-item .fa {
    display: none;
}
.VanBan-item a {
    background: url('/Style Library/PortalBenTre/Images/icon-list.png') no-repeat 0 5px;
    padding-left: 12px;
}
.VanBan-item a, .VanBan-item a:link, .VanBan-item a:visited {
    display: block;
    font-weight: 400;
    font-family: 'Roboto-Medium';
    color: #333333;
}
.VanBan-item a:hover, .VanBan-item a:focus {
    color: #d00;
}
.card-bgVanBan-right .portlet.light {
    padding: 10px 10px 10px;
    background-color: #fff;
}
.card-bgVanBan-right .portlet.light .portlet-body {
    padding-top: 0px;
}
/***/
/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}
.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}
.fileUploaded {
    display: flex;
    padding: 5px 0;
}
.fileUploaded-text {
    display: inline-block;
    float: left;
    font-family: 'Roboto';
    font-size: 11px;
    font-weight: 500;
    border-bottom: 1px #ddd solid;
    background-color: #e6f1fb;
    padding: 4px 5px 5px 5px;   
}
/**************************TIMELINE*******************/
.timeline-list:before {
    margin-left: 2px;
}

.timeline-list .timeline-badge.list-timeline-badge {
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    width: 20px;
    height: auto;
}
.timeline-list .timeline-badge.list-timeline-badge:before {
    background-color: #14456f;
    position: absolute;
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    left: 0;
    top: 50%;
    margin-top: 12px;
    border-radius: 100%;
}

.timeline-list .timeline-body {
    position: relative;
    padding: 10px;
    margin-top: 5px;
    margin-left: 20px;
    background-color: #f1f2f5;
    border-radius: 0px;
    border-bottom: 1px solid #f2f2f2;
}

.timeline-list .timeline-body-arrow {
    position: absolute;
    top: 8px;
    left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #f1f2f5 transparent transparent;
}

.timeline-list .timeline-body-content {
    margin-top: 0px;
}
/*********************************************5-9-2020*******************/
 /****************phan trang*********************/
    .pagination {
        margin: 10px 0;
    }

    .pagination.pagination-circle > li:first-child > a {
        border-radius: 25px 0 0 25px !important;
    }

    .pagination.pagination-circle > li:last-child > a {
        border-radius: 0 25px 25px 0 !important;
    }

    .pagination > li > a, .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.42857;
        text-decoration: none;
        color: #333;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-left: -1px;
        font-size:14px;
    }

 /*********************************************5-9-2020*******************/
 /******bandohanhchanh****************/
.apiz-wrapper {
  /*  overflow: inherit !important;*/
}
.apiz-wrapper > img:first-child, .apiz-wrapper > svg:first-child {
   /* position: static !important;*/
}
***********************************************************************************************Layout custom***/
body {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    overflow: hidden;
    color: #333;
}
label, .control-label {
    color: #000;
    margin-bottom: 5px;
   /* font-weight: 500;*/
    font-family: "Roboto" !important;
}
/***dilog***/
.modal-title, .ms-dlgTitleText {
    font-size: 16px;
    font-family: 'RobotoCondensed-Bold';
    text-transform: uppercase;
    font-weight: 600;  
}
/****** sharepoint **********/
.ms-core-overlay {
    background-color: transparent !important;
}

#s4-workspace {
    margin: 0 auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.ms-SPZone.ms-webpart-zone{
	position:relative;
/*	z-index:99;*/
}
.ms-core-menu-box.ms-shadow{

}
/Style Library/PortalBenTre/HTML/homeLeft-Tinmoinhat.html
/***************dung bootstrap*****
.DispVanBan .table-responsive .table{
	margin-bottom:0px;
}
.portlet.light.portlet-fit.SearchVanBan {
	padding-bottom:15px!important;
}
.portlet.light.portlet-fit.SearchVanBan .portlet-body{
	padding-bottom:0px!important; padding-top:0px!important;
}
.value-tieude {
	color: #14456f;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom:10px;
}
.input-group input.form-control{
	width:auto!important;
}
.input-group-btn .btn{
	margin-left:-2px;
}
/***************************************************Quy trinh dong-ok****/
.actions-floating{
	position: fixed;
	left: 5px;
	z-index: 9999;
}
.actions-floating-button{
	font-size: 16px;
	margin: 0;
	padding: 0;
}
.actions-floating-button a{
	margin:0 0 5px 0!important;
	display:block;
	float:none;
	padding: 0;
	list-style-type: none;	
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color:transparent!important; border-color:transparent!important;	border-radius:0px!important;
	color: #fff;
}
.actions-floating-button  .fa {
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #1177b5;
	border-radius: 4px!important;
	color: #fff;
	font-size: 16px;
}
.actions-floating-button  .fa.fa-plus {
	background-color: #00acee;
}
.actions-floating-button  .fa.fa-edit {
	background-color: #f3c200;
}
.actions-floating-button  .fa.fa-trash {
	background-color: #e70507;
}
.actions-floating-button a {
	opacity: 1;
}
.actions-floating-button a:hover,.actions-floating-button a:focus{
	background-color:transparent!important;
	border:0!important;
}
.actions-floating-button a:hover .fa  {
	opacity: 0.7;
}
/**********************************************menu left Quy trinh dong -ok*/
.QuanLyQuyTrinh{
	border:0px!important;
}
div.page-content {
	padding:0px 0px 0 0; 
}
div.lv-layout-fix{
	padding:0;
}
.portlet.box>.portlet-body .tab-content {
    background:transparent;
    padding: 0px;
}
.page-content-row{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.page-content-row .page-sidebar {
    width: 270px;
    border-top: 0;
    margin: 0;
    font-family: "RobotoCondensed-Bold", sans-serif;
    font-size: 14px;
    /*background:#e7eaf1;*/
}
.page-content-row .page-content-col{
	padding:1px 3px 3px 20px;	
}
.page-content-col-report{
	/*background: #FFF;	
	-webkit-box-shadow: 0 0 3px #CACACA;
	-moz-box-shadow: 0 0 3px #cacaca;
	box-shadow: 0 0 3px #CACACA;
	margin-bottom:0;*/	
}
.page-content-row div.page-sidebar .bg-navbar-nav {
    margin: 0;
}

div.page-sidebar .bg-sidebar-menu {  
    border: 1px #f2f2f2 solid;
    box-shadow: 0px 0px 3px #f2f2f2;
    background-color: #fff;
}

div.page-sidebar .bg-sidebar-menu > li {
    position: relative;
    padding: 0;
    margin: 0;
    border-top:1px solid #f0f4f7;       
    outline: 0;
}

div.page-sidebar .bg-sidebar-menu > li:first-child {
    border: 0;
}

div.page-sidebar .bg-sidebar-menu > li > a, div.page-sidebar .bg-sidebar-menu > li > span {
    display: block;
    text-decoration: none;
    color: #2a3239;
    padding: 12px 10px 8px 12px;
    transition: all 0.2s;
    background-color:#e7eaf1;
    text-decoration: none;
    font-family: 'Roboto'; text-transform:uppercase; font-weight:bold;          
}

.page-content-row div.page-sidebar .bg-sidebar-menu > li.active > a, .page-content-row div.page-sidebar .bg-sidebar-menu > li.active > span {
    transition: all 0.2s;
    color: #ffffff;
    background-color: #DB261D;
    outline: 0;
}

div.page-sidebar .bg-sidebar-menu > li .lv-dropdown-menu {
    display: block;
    transition: all 0.3s;
}

div.page-sidebar .bg-sidebar-menu > li .lv-dropdown-menu > li {
	list-style: none;     
	border-bottom: 1px solid #f2f2f2;
	outline: 0;
}

div.page-sidebar .bg-sidebar-menu > li .lv-dropdown-menu > li > a, div.page-sidebar .bg-sidebar-menu > li .lv-dropdown-menu > li > span {
    display: block;
    padding: 8px 10px 8px 15px;
    color: #3f444a;
    text-decoration: none;
    font-family: 'Roboto'; font-weight:bold;
}

div.page-sidebar .bg-sidebar-menu > li .lv-dropdown-menu > li a:before {
    color: #3f444a;
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 400;
    width: 10px;
    height: 10px;
    font-size: 14px;
    float: left;          
}
 div.page-sidebar .bg-sidebar-menu > li .lv-dropdown-menu > li a:hover , div.page-sidebar .bg-sidebar-menu > li .lv-dropdown-menu > li a:focus{
    color: #DB261D;                
}
.page-content-row div.page-sidebar .bg-sidebar-menu li .lv-dropdown-menu > li.active > a, .page-content-row div.page-sidebar .bg-sidebar-menu li .lv-dropdown-menu > li.active > span {
    color: #DB261D;
    text-decoration: none;
    background-color: transparent;
}
.bg-sidebar-menu li .lv-dropdown-menu > li:hover > a.nav-link, .bg-sidebar-menu li .lv-dropdown-menu > li:focus > a.nav-link {
    color: #DB261D;
    text-decoration: none;
}
div.page-sidebar .bg-sidebar-menu > li .lv-dropdown-menu > li > a:hover, div.page-sidebar .bg-sidebar-menu > li .lv-dropdown-menu > li > span:hover,
div.page-sidebar .bg-sidebar-menu > li .lv-dropdown-menu > li > a:focus, div.page-sidebar .bg-sidebar-menu > li .lv-dropdown-menu > li > span:focus {
    color: #DB261D;
    text-decoration: none;
}
a[class*="hover-"] {
    color: #4d5259;
}
.nav-action {
    color: #8b95a5;
    font-size: 14px;
    opacity: 0;
    margin: 0 4px;
}

.nav-action:hover {
    color: #4d5259;
}

.nav-item:hover .nav-action {
    opacity: 1;
}

.nav-actions-visible .nav-action {
    opacity: 1;
}

.lv-dropdown .icon-home {
    display: none;
}
div.page-sidebar .bg-sidebar-menu > li.active > a, div.page-sidebar .bg-sidebar-menu > li.active > span{
	transition: all 0.2s;
    color: #ffffff;
    background-color: #d9251c;
    outline: 0;
}

@media (max-width: 991px){
    .page-content-row .page-sidebar {
    overflow-y: hidden; 
    display: block; 
    height: auto;
    margin-bottom: 20px; 
    width: 100%;
    min-width: 100%;
}
}
 div.page-sidebar .bg-sidebar-menu > li.active > a, div.page-sidebar .bg-sidebar-menu > li.active > span {
    transition: all 0.2s;
    color: #ffffff;
    background-color: #d9251c;
    outline: 0;
}
/************************************************end menu left Quy trinh dong -ok*/
/*********************************************Quy trinh dong----Danh sach****/
.btn-actions-right-title .btn,.table-group-actions .btn{	
	display:inline-block;	
	padding: 0;
	list-style-type: none;	
	text-align: center;
	padding: 4px 8px 4px 8px;
	border: 1px solid transparent;
	white-space: nowrap;
	line-height: 1.42857;
	outline: none !important;
	-webkit-transition: all 0.2s ease-out;
	font-size:13px;
	line-height: 1.5;	
	border-radius: 0px!important;	
	color:white!important;
}
.btn.btn-xs > i {
    margin-right: 5px;
    
}
.btn-actions-right-title .btn  .fa {
	color: #fff;
	font-size: 13px;
}
.btn-actions-right-title .btn.blue {
	background-color: #006a34;border-color: #006a34;
}
.btn-actions-right-title .btn.bg-yellow-crusta  {
	background-color: #f3c200;border-color: #f3c200;
}
.btn-actions-right-title .btn.red {
	background-color: #e70507;border-color: #e70507;
}
.table td .btn {
	opacity: 1;
}
.table td .btn:hover,.table td .btn:focus{
	opacity: 0.7;
}
.table td.td-action .btn{
	background-color:transparent!important; border-color:transparent!important;	border-radius: 0px!important;
	width: 24px;
	height: 24px;
	line-height: 24px;
}
.table td.td-action .btn:hover,.table td.td-action .btn:focus{
	background-color:transparent!important; border-color:transparent!important;	border-radius: 0px!important;
}
.table td.td-action .btn .fa {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #1177b5;
	border-radius: 4px!important;
	color: #fff;
	font-size: 14px;
}
.table td.td-action .btn  .fa.fa-plus {
	background-color: #00acee;
}
.table td.td-action .btn  .fa.fa-edit {
	background-color: #f3c200;
}
.table td.td-action .btn  .fa.fa-trash {
	background-color: #e70507;
}
.table td.td-action{
	padding:0;
}
/******************************************************End Quy trinh dong -ok****/
/*****************Lichlamviec-ok***********/
.portlet-custom.fc-calendar {
	background: #FFF;   
	-webkit-box-shadow: 0 0 3px #CACACA;
	-moz-box-shadow: 0 0 3px #cacaca;
	box-shadow: 0 0 3px #CACACA;	
	padding: 10px 15px 10px 15px;
}
.fc-calendar .portlet{
	clear:both;
	padding: 0px;
	border-bottom: 0px solid #CACACA;
	-webkit-box-shadow: 0 0 0px #CACACA;
	-moz-box-shadow: 0 0 0px #cacaca;
	box-shadow: 0 0 0px #CACACA;
}
.fc-calendar .portlet .portlet-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    min-height: 34px;
}
.fc-calendar .portlet .portlet-title .caption {
    float: left;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
}
.portlet-title .caption-subject {
    font-weight: 600;
    font-family: 'RobotoCondensed-Bold', sans-serif;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    color: #DB261D;
}
.fc-calendar .portlet .portlet-title .actions {
    float: right;
    display: inline-block;
}
.fc-header{
	margin-top:10px;
	margin-bottom:10px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;  
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.fc-left{
	 padding-left:0!important;
}
.fc-center{
	text-align:center;	
}
.fc-center h2,.fc-center h4{
	margin-bottom:8px; 
}
.fc-center h2{
	 font-weight: 600;
    font-family: 'RobotoCondensed-Bold', sans-serif;
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    color: #333; 
}
.fc-center h4{
	font-size:14px;
}
.fc-center h4.title-tuan{
	font-size:20px;
}
.title-tn span{
	font-weight:bold;
}
.portlet-fixed-header .portlet-title{
	margin-bottom:10px;
}
.portlet-body.fc-view-container{
	padding:0px;	
}
.hr-line{
	height:20px;
}
.title-tn input{
	width:100px!important; margin:0 5px;
}
.fc-center .title-tn input{
	border:0!important; padding:0!important; color:#006a34; font-weight:bold;	
    text-transform: uppercase; font-size:18px;   
}
/***khung header Lichngay****/
.form-row.form-group-rieng {
	
}
.form-row.form-group-rieng .col-auto {
	
}
.form-group-rieng .input-group.date .form-control{  
	/*-webkit-box-sizing: content-box; 
    box-sizing: content-box;
    background-color: transparent;
    border: none!important;
    border-bottom: 1px solid #ced4da!important;
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;*/
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
/****************/
.fc-view-nd td a{
	min-height:34px;
}
.table-lichlamviec p{
	margin:0;
}
.table-lichlamviec,.table-lichlamviec-noidung{
	border-collapse: collapse;
    table-layout: fixed;
    width:100%;
    border-collapse:collapse;
}
.table-lichlamviec td,.table-lichlamviec th{
	border:1px #ddd solid; padding:0!important;
}
td.fc-view-td1{
	width:10%;
	text-align:center;
	vertical-align:middle!important;
	font-weight:bold!important;
}
td.fc-view-td2{
	padding:0!important;
}
.lv-LichCol1Ngay{
	height:1px;
}
.table-lichlamviec td .table-lichlamviec-noidung td {
    padding: 10px 10px!important;    
    border-right:1px #ddd solid!important; 
}
.table-lichlamviec td .table-lichlamviec-noidung td:last-child{
	 border-right:0px #ddd solid!important; 
} 
.table-lichlamviec td table td {
    border-color: #e5e5e5;
}
.fc-view-title-nd td,.fc-view-td1,.fc-view-row1 td{
  text-transform: uppercase;
 /*letter-spacing: .5px; */
  /*background-color: #d8dce3;*/
  color: #333;
  text-align:center; font-weight:bold;
}
.fc-view-nd:first-child{
	 border-bottom:1px #ddd solid!important
}
.tdnd-gio{
	width:8%;
	background-color:#f6f7f8;
}
.tdnd-noidung{
	width:40%;
}
.tdnd-noidung-admin{
	width:20%;
}
.tdnd-lanhdao{
	width:15%;
}
.tdnd-thanhphan{
	width:20%;
}
.tdnd-diadiem{
	width:15%;
}
.tdnd-suaxoa {
	text-align:center;
}
.fc-view-title-nd td{
	background-color:#e4e7ec;
}
.fc-view-td1{
	background-color:#f0f1f4;
}
.table-responsive .table td:first-child, .table-responsive .table th:first-child {
    text-align: center; vertical-align:middle;
}
table{
	border-collapse:collapse;
}
.fc-header .input-group.date input{
	width:auto!important
}
@media(max-width:767px){
	.fc-header{
	display:block;
}
.fc-header .fc-center, .fc-header .fc-left, .fc-header .fc-right {
    float: none;
    display: block;
    clear: both;
    margin: 10px 0;
}
	td.fc-view-td1{
		width:15%;
	}
   .fc-view-col1{
		width: 50px;
		white-space: normal;
		overflow-wrap: break-word;
		word-break: break-all;	
	} 
}
/**************end lich -ok ***/
.portlet-title.search-kq .caption{
	font-size:14px;
}
#Label_TongHoSo {
    color: #DB261D; margin-left:5px; margin-right:5px;
}
/***************CHinh Table******************/
.td-45{
	width:45%;
}
.td-40{
	width:40%;
}
.text-center{
	text-align:center;
}
/********************Giao luu truc tuyen*****/
/* CommentList */
.Chude-header{
	padding:10px;
	text-align:center;
	background:#FFF;
	 box-shadow: 0 0 3px #dbf1ff;
    -moz-box-shadow: 0 0 3px #dbf1ff;
    -webkit-box-shadow: 0 0 3px #dbf1ff;
  
}
.row-title-label{
	
}
.GiaoLuuDetail .portlet-body{
	padding:0!important;
}
.comment-list{
	margin:20px;
}
.comment-list .comment-list-item {
    margin-bottom: 20px;
    clear: both;
    position: relative;
    clear: both;
}
.comment-avatar {
    overflow: hidden;
    width: 45px;
    height: 45px; margin-right:10px;
 /*   margin: 0 10px 5px -30px;
    background: white;
    padding: 2px;*/
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    box-shadow: 0 0 3px #B5B5B5;
    -moz-box-shadow: 0 0 3px #b5b5b5;
    -webkit-box-shadow: 0 0 3px #B5B5B5;
    float: left;
}
.author-comment {  
    position: relative;
}
.author-comment a.ms-subtleLink {
    color: #3b3b3b;
   font-family: "Roboto";
    position: relative;    
    margin-bottom: 2px;
    padding-top: 4px;
    font-weight:500;
}
.comment-date {
    display: inline-block;   
    color: #777777;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 3px;   
}
.comment-list-item-box {
    background: white;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    box-shadow: 0 1px 3px 0 #B5B5B5;
    -moz-box-shadow: 0 1px 3px 0 #b5b5b5;
    -webkit-box-shadow: 0 1px 3px 0 #B5B5B5;
    position: relative;
    padding: 10px;
   
}
.comment-content {
    position: relative;  
    display: block;
    margin-top: 10px;
    overflow: hidden;
    padding-bottom: 5px;
}
.comment-content p {
    line-height: 17px;  
}
.nocomments {
    text-align: center;
}
.comment-list .children {
    margin-top: 15px;
    margin-left: 20px;
}
.comment-list .reply input {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    color: #d00;
    padding: 3px 10px;
    text-shadow: 0 1px 1px #FFF;
    font-size: 11px; font-weight:bold;
}
/*****/
.GiaoLuuDetail-top {
   background: #F4F4F4;   
    margin-bottom: 20px;
      
}
.Chude-comment{
	 padding: 10px 15px 5px 15px;
}

.row-title-value{
	color: #14456f;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
}
.row-title .row-title-label{
	display: inline-block;
    font-weight: 600;
    font-size: 18px;
    color: #161f2d;
    text-transform: uppercase;
    font-family: 'RobotoCondensed-Bold';
}
.row-date .label-date{
	margin-right:5px;
	display:inline-block;
	font-family:Roboto;
	color:#000; font-weight: 500;

}
.row-date-date-BD{
	display:inline-block; margin-right:20px;
}
.portlet-custom-title:after {
    content: " ";
    height: 3px;
    width: 55px;
    display: block;
    background-color: #0078d4;
    margin-top: 12px;
}
.Chude-capcha .form-captcha .input-group-addon{
	width:30%; height:auto!important; border-radius:0!important;border: 1px solid #c2cad8;  padding-top:8px!important;

}
.Chude-capcha .form-captcha .input-group-addon {
    padding: 0px 16px !important;
    text-align: center;
    height: 36px !important;
  
}

.Chude-capcha .form-captcha .input-group-addon input[type=image]{
    height: 22px;
    vertical-align: middle;
}
.Chude-capcha .captcha-text {
	color:#333;
}
.Chude-capcha .captcha-error{
	position:absolute;
	bottom:-35px;
}
.GiaoLuuDetail-top .form-actions.right{
	padding-bottom:10px; width:100%;
	
}
/*******/
.faq-box .portlet-body{
	padding:20px!important;
}
.faq-box-body {
	
	
}
.faq-section-title{
	font-size: 16px;
    font-family: 'RobotoCondensed-Bold';
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
 }
.faq-section-item {
	background: white;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	box-shadow: 0 1px 3px 0 #B5B5B5;
	-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
	-webkit-box-shadow: 0 1px 3px 0 #B5B5B5;
	position: relative;
	padding: 10px;
	margin-bottom:15px;	    
 }
 .faq-question {
    margin-top: 0;
    margin-left: 50px;  
    margin-bottom:10px;
}
.faq-answer {
    margin-left: 50px;   
}
.faq-question a,.faq-question a:link,.faq-question a:visited {
	color: #14456f;
	font-size: 14px;
	line-height:20px;
	font-family:Roboto;
	font-weight: 500;
}
 .faq-question a:hover{
	   color: #d9251c;
}
.faq-question-q-box {
    height: 30px;
    width: 30px;
    color: #d9251c;
    text-align: center;
    border-radius: 50%;
    float: left;
    font-weight: 700;
    line-height: 30px;
    background-color: #F4F4F4;
}
/*****/
.faq-box .portlet-body-top {
	padding:20px 0px 0px 15px;
}
.faq-box .dashboard-tabs .nav-item {	
   width: 33.33%; padding-right:15px;
}
.faq-box .dashboard-tabs .nav-link {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    border-radius:0!important;
    display:block;
}
.faq-box .dashboard-tabs .nav-link .nav-icon {
    line-height: 0;   margin-right:20px; 
}
.faq-box .dashboard-tabs .nav-link .nav-icon img {
   	max-height:40px;   
}
.faq-box .dashboard-tabs .nav-link .nav-text {
	color: #fff;
    line-height: 30px;   
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'RobotoCondensed-Bold', sans-serif;
    font-size: 18px;
}
.faq-box .dashboard-tabs  .bg-info{
	 background-color: #659be0;

}
.faq-box .dashboard-tabs  .bg-warning{
	background-color:#FFA800;
}
.faq-box .dashboard-tabs  .bg-success{
	 background-color: #3598dc;

}
.faq-box .dashboard-tabs .nav-link.active,.faq-box .dashboard-tabs .nav-link:hover,.faq-box .dashboard-tabs .nav-link:focus{
	 background-color: #d9251c; cursor:pointer;

}
@media all and (max-width: 767px) {
 .faq-box .dashboard-tabs .nav-item {	
   width:100%; padding-right:20px; float:none; margin-bottom:5px;
}

}
/********1:47 9-9-2020***/
/****Navigate chi tiet tin****/
.lv-content-blog-post-1 > .lv-panel:first-child{
	background-color:#eee;
}
.lv-content-blog-post-1 > .lv-panel:first-child span{
	font: 500 13px/30px Roboto-Medium; display:inline-block;
}
.lv-content-blog-post-1 > .lv-panel:first-child span .fa{
	padding:0 5px;
}
.lv-content-blog-post-1 > .lv-panel:first-child span a, .lv-content-blog-post-1 > .lv-panel:first-child span a:link, .lv-content-blog-post-1 > .lv-panel:first-child span a:visited{
	color:#333;
}
.lv-content-blog-post-1 > .lv-panel:first-child span.category.active a{
	color:#d9251c;
} 
.page-breadcrumb li a:hover,.page-breadcrumb li a:focus,.page-bar .page-breadcrumb .breadcrumb-item.active:hover,.page-bar .page-breadcrumb .breadcrumb-item.active:focus{
	color:#d9251c;

}
.page-bar .page-breadcrumb .breadcrumb-item.active{
	color:#d9251c; font-weight:bold;
}
.page-breadcrumb li a:after{
	content:"/";
	margin:0px 3px;
}
.page-breadcrumb li a.active:after{
	content:"|";
	margin:0px 3px;
}
.page-breadcrumb li a:last-child:after{
	content:"";
	margin:0px;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0rem;
    padding-left: 0rem;
    color: #6c757d;
    content: ""; 
}

.page-breadcrumb li a{
	/*display:inline-block;
	word-break: break-all;*/
}
/****End Navigate chi tiet tin chep lai 11:43 10/11/2020****/

/*************Van ban du thao:15h-12-09-2020*******/
/*************Van ban du thao-newform***/
.sp-table-date table .md-pr-0{
	
}
/********************************Bat dau khung-17h:00 12-09-2020*****/
.portlet>.portlet-title:after, .portlet>.portlet-title:before {
    content: " ";
    display: table;
}
.portlet>.portlet-title:after {
    clear: both;
}
.portlet {     
    margin-top: 0;
    margin-bottom: 15px;
    background: #FFF;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
}
.portlet>.portlet-title {
    padding: 10px 15px 10px 15px;  
    border-bottom: 1px #eaeaea solid;   
    min-height:34px;
}
.portlet>.portlet-title>.caption {
    float: left;
    display: inline-block;
    font-size: 16px;     
}
.portlet>.portlet-title .caption-subject {      
    font-size: 16px;
    font-family: 'RobotoCondensed-Bold';
    text-transform: uppercase;
    font-weight: 600;
}
.portlet>.portlet-title>.actions {
    padding: 6px 0 14px;
}
.portlet>.portlet-title>.actions {
    float: right;
    display: inline-block;
    padding: 6px 0;
}
.portlet .portlet-body {   
    clear:both;
    padding: 12px 15px 15px;
}
.form-actions.right {
    clear: both;
    text-align: right;
}
.form-actions .btn {
    margin-left: 5px;
}
.form-actions.right, .form-actions {
    text-align: right;
    padding: 10px 15px 10px 15px;
    border-top: 1px solid #e7ecf1;  
    margin:0;
}
.form-actions.right {
    clear: both;
    text-align: right;
}
/*****btn****/
.btn,input[type=button],input[type=reset],input[type=submit],button
{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857;    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    font-family: 'RobotoCondensed-Bold';
    min-width:10px; 
}
.btn, .form-control {
    box-shadow: none!important;
    border-radius: 0!important;
    outline: 0!important;
}
.btn + .btn {
    margin-left: 5px;
}
.table .btn {
    font-size: 11px;
    color: white;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
}
.table td.ms-vb-icon {
    text-align: center;
}
.actions .blue.btn {   
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    margin-bottom: 5px;
}
.table .btn.btn-xs {
    padding: 2px 4px;
}
.btn-add .fa{
	margin-right:5px;
}
.btn-actions-right-control{
	padding-top:26px;
}

/******custom .form-control****/
input.form-control,select.form-control{
	height:34px;
}
/******custom input-group*****/
.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group > .form-control{
	/*width:auto!important;*/
}

.value-tieude,.value-tieude span{	
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom:10px;
}

.VanBanXem .box-col-right div a{
	 padding: 7px 0; display:block; text-align:justify;
    border-bottom: 1px solid #f2f2f2; font-weight:500;
}
.VanBanXem .box-col-right div a:before {
    content: "\f13a";
    color: #006a34;
    margin-right: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 }
 .VanBanXem .box-col-right div a:hover,.VanBanXem .box-col-right div a:focus{
	color:#d00;
}
/*****Khung search chung****/
.search-box {    
    padding: 15px 15px 0px 15px;   
}
.search-box > .search-title,.doc-group-title,.doc-group-title .search-title {
	font-size: 16px;
    font-family: 'RobotoCondensed-Bold';
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom:10px;
}
.search-box  .form-control{
	background-color: #fff;
    border-radius: 0;
    border: 1px solid #c2cad8;   
    padding: 6px 12px;
    box-shadow: none!important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    width: 100%;
    box-sizing: border-box;
    height:34px;
}
.input-search-single-ex .btn{
	height:34px;
}
.input-search-single-ex .btn-search,.input-search-single-ex .btn-search:link,.input-search-single-ex .btn-search:visited,
.input-search-single-ex .btn-search:hover,.input-search-single-ex .btn-search:focus{
	color:#fff!important;
}
.input-search-single-ex .fa{
	color:#fff!important;
}
.input-search-single-ex .fa-search,.input-search-single .fa-search{
	 margin-right:5px;
}
.input-search-single-ex {
    position: relative;
    padding-right: 120px;
}
.input-search-single-ex .btn-search-text {
    position: absolute;
    right: 35px;
    top: 0;
}
.input-search-single-ex .btn-search-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
}
/**/
.input-search-single {
    position: relative;
}

.input-search-single .btn-search-text-single {
    position: absolute;
    right: 1px;
    top: 0;
}

.btn-search, .btn-search-icon {
    color: #FFFFFF;
    background: #e70507;
    border-color: #e70507;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    height: 34px;
}

.btn-search:hover, .btn-search-icon:hover, .btn-search:focus, .btn-search-icon:focus {
    color: #FFFFFF;
}

.input-search {
    position: relative;
    padding-right: 132px;
}

.input-search .btn-search-text {
    position: absolute;
    right: 35px;
    top: 0;
    width: 97px;
}

.input-search .btn-search-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
}

/****kq***/
.portlet-title.search-kq{
	background-color: #ffffff;
    margin-top:5px;
    padding: 7px !important;
    padding-left: 10px !important;
    border-left: 5px solid #DB261D;
    line-height: 1.6;   
    font-size: 16px;
    font-weight: 500;
}
.doc-group-title .fa-table{
	margin-right:5px;
}
/*****Phan trang****/
.table{
	margin-bottom:10px;
}
.table td, .table th{
	padding:8px;
}
.ms-stt{
	width:60px;
}
/*************************Thutuchanhchinh****/
.select2-selection__choice {
    background-color: #eee !important;
    border: 1px solid #eee !important;
    float: left;
}
.select2-container--bootstrap .select2-selection {    
    background-color: #fff;
    border: 1px solid #c2cad8;   
    color: #555;
    font-family:Roboto;
    font-size: 13px;
    outline: 0;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    color: #555;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin: 5px 0 0 6px;
    padding: 0 6px;
}
.bootstrap .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 3px; 
    padding:3px;
}
.select2-selection__rendered button{
	padding:0px!important; background-color:transparent;border:0; color:#333;
}
.select2-selection__rendered button:hover,.select2-selection__rendered button:focus{
	padding:0px!important; background-color:transparent;border:0; color:#d00;
}

/****rieng*****/
.form-actions.right.frmEdit{
	 margin:0 -15px -15px -15px;
}
.VanBanXem.card-box{
	background:#f5f5f5; box-shadow:none;	
}
#Result div.row{
	margin:0;
}
.QuanLyQuyTrinh.portlet{
	box-shadow:none;
}
.AddEdit_UserControl .portlet-body{
	padding-top:0px;
	
}
.QuanLyQuyTrinh.portlet .portlet-body {
    clear: both;
    padding: 12px 15px 15px 0px;
}
.SearchVanBan.portlet .portlet-body{
	padding: 12px 15px 0px 15px;
}
.SearchVanBan.portlet .portlet-body.form{
	padding:0;
}
.SearchVanBan.portlet .portlet-body.form .form-body{
	padding: 0px 15px 15px 15px;
}
.sp-table-date table .ms-dtinput,.sp-table-date table .ms-dttimeinput{	
	padding-right:8px;	
}
.sp-table-date table .ms-dtinput input[type=text],.sp-table-date table .ms-dttimeinput select{
	max-width:125px;
}
.input-group-btn > .btn{
	height:34px;
}
/*********bg chung****/
.ms-admin{
    margin-top: 0;
    margin-bottom: 15px;
    padding: 12px 15px 15px 15px;
    background: #FFF;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
}
#DeltaPlaceHolderMain > table{
	 margin-top: 0;
    margin-bottom: 15px;
    padding: 12px 15px 15px 15px;
    background: #FFF;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;

}
.threecol-m input[value="Add >>"]{
	margin-bottom:10px;
}
/***file dinh kem****/
/**dinh kem VanBanChiDaoDieuHanh/NewForm.aspx******************/
.attachment-item{    
	-webkit-box-flex: 0;
	flex: 0 0 18%;
	max-width: 18%;
	border-bottom: 1px #ddd solid;
	vertical-align:middle;
	background-color: #f5f5f5;	
	margin-left:1%;
	margin-top:10px;	  
}

.attachment-item .attachment-item-text{
	font-family: 'Roboto';
	font-size: 11px;
	font-weight: 500;	
    word-break: break-word!important;
    float:left; padding:5px; 
}
.attachment-item  .attachment-btn-delete{
	float:right; 
	display:inline-block;
    background-color:#e70507;
    font-size: 16px;
    font-weight: 300;
    cursor:pointer;
    width:30px;
    margin-left:-30px;
    height:100%; vertical-align:middle; text-align:center;
}
.attachment-item  .attachment-btn-delete .fa{
	 color:#fff!important;
}
.attachment-item  .attachment-btn-delete:hover .fa{
	 color:#ff6c6d!important;
}
/********dinh kem traloicauhoi****/
.traloicauhoi .form-group > .row{
	margin-bottom:10px;
}
.traloicauhoi .row .col-md-4  a{
    display: inline-block;
    float: left;
    font-family: 'Roboto';
    font-size: 11px;
    font-weight: 500;
    border-bottom: 1px #ddd solid;
    background-color: #e6f1fb;
    padding: 4px 5px 5px 5px;
    margin-right: 5px;
}
.div-clear.value .attach-list-name{
	 width: 46%!important;
    display: inline-block;
    float: right;
}
.div-clear.value .attach-list-name:nth-child(2n+1) {
    float: left;
}
.attach-list-name{	
    font-family: 'Roboto5';
    font-size: 11px;
    font-weight: 500;
    border-bottom: 1px #ddd solid;
    background-color: #f5f5f5;
    padding: 4px 5px 5px 5px;
    margin-bottom: 5px;
}
 .attach-list-delete a,.delete-att{
	 border-bottom: 1px #e70507 solid; display:inline-block;
    background-color: #e70507;
    padding: 3px 5px 3px 5px;   font-size: 11px;
    font-weight: 300; color:#fff; cursor:pointer;
}
.attach-list-delete a:hover,.attach-list-delete a:focus,.delete-att:focus,.delete-att:hover{
	background-color: #cc3304!important;
	border-bottom:1px #e70507 solid;
	color:#fff;
}
/*****//***File Dinh Kem***************/
.dropzone {
    min-height: auto;
}

.dropzone.dropzone-default {
padding: 20px;
text-align: center;
cursor: pointer;
border: 2px dashed #ebedf2;
border-radius: 4px;
}

.dropzone.dropzone-default .dropzone-msg-title {
    color: #595d6e;
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: 500;
    font-size: 1.2rem;
}

.dropzone.dropzone-default .dropzone-msg-desc {
    color: #74788d;
    font-weight: 400;
    font-size: 1rem;
}

.dropzone.dropzone-default .dz-preview .dz-image {
    border-radius: 4px;
}

.dropzone.dropzone-default.dropzone-brand {
    border-color: #5d78ff;
}

.dropzone.dropzone-default.dropzone-light {
    border-color: #fff;
}

.dropzone.dropzone-default.dropzone-dark {
    border-color: #282a3c;
}

.dropzone.dropzone-default.dropzone-primary {
    border-color: #5867dd;
}

.dropzone.dropzone-default.dropzone-success {
    border-color: #0abb87;
}

.dropzone.dropzone-default.dropzone-info {
    border-color: #5578eb;
}

.dropzone.dropzone-default.dropzone-warning {
    border-color: #ffb822;
}

.dropzone.dropzone-default.dropzone-danger {
    border-color: #fd397a;
}

.dropzone.dropzone-multi {
border: 0;
padding: 0; margin-top:10px;
}

.dropzone.dropzone-multi .dz-message {
display: none;
}

.dropzone.dropzone-multi .dropzone-panel .dropzone-remove-all, .dropzone.dropzone-multi .dropzone-panel .dropzone-upload {
display: none;
}

.dropzone.dropzone-multi .dropzone-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; 

font-family: 'Roboto';
font-size: 11px;
font-weight: 300;
border-bottom: 1px #ddd solid;
background-color: #f5f5f5;
padding: 4px 5px 5px 5px;
margin-bottom: 5px;

}

.dropzone.dropzone-multi .dropzone-item .dropzone-file {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}

.dropzone.dropzone-multi .dropzone-item .dropzone-file .dropzone-filename {
color: #333;
text-overflow: ellipsis;
overflow: hidden;
max-width: 250px;
display: inline-block;                   
}
.dropzone.dropzone-multi .dropzone-item .dropzone-file .dropzone-filename a,
.dropzone.dropzone-multi .dropzone-item .dropzone-file .dropzone-filename a:link,
.dropzone.dropzone-multi .dropzone-item .dropzone-file .dropzone-filename a:visited{
color: #333;

}

.dropzone.dropzone-multi .dropzone-item .dropzone-file .dropzone-filename b {
font-size: .9rem;
font-weight: 500;
color: #a2a5b9;
}

.dropzone.dropzone-multi .dropzone-item .dropzone-file .dropzone-error {
margin-top: .25rem;
font-size: .9rem;
font-weight: 400;
color: #fd397a;
text-overflow: ellipsis;
}

.dropzone.dropzone-multi .dropzone-item .dropzone-progress {
width: 15%;
}

.dropzone.dropzone-multi .dropzone-item .dropzone-progress .progress {
height: 5px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

@media (prefers-reduced-motion:reduce) {
    .dropzone.dropzone-multi .dropzone-item .dropzone-progress .progress {
        -webkit-transition: none;
        transition: none;
    }
}

.dropzone.dropzone-multi .dropzone-item .dropzone-toolbar {
    margin-left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

    .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-cancel, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-delete, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start {
        height: 25px;
        width: 25px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
    }

        .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-cancel i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-delete i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start i {
            font-size: 14px;
           color: #d9251c;
                }

        .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-cancel:hover i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-delete:hover i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start:hover i {
            color: #5d78ff;
        }

    .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

@media (prefers-reduced-motion:reduce) {
    .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-start {
        -webkit-transition: none;
        transition: none;
    }
}
.btn.btn-label-brand {
    background-color: rgba(93,120,255,.1);
    color: #5d78ff;
    cursor: text!important;
}
/**********************custom table search*****************/
.dropzone, .dropzone * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
div.dropzone-item{
	width:46%!important; display:inline-block; float:right;
}
div.dropzone-item:nth-child(2n+1) {
	float:left;
}
/******trang thai****/
.label {
    background-color: #d1dade;
    color: #5e5e5e;
    font-family: 'roboto';  
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.25em;
    line-height: 1;
    white-space: nowrap;
}
.label-success{
	background-color: #1ab394;
    color: #FFFFFF!important;
}
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-header .close {
    padding: 1rem 0px 1rem 1rem;
    margin: -1rem 0 -1rem auto ;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
/************chinh cai chia se bai viet qua mail****/
.myshareEmail .Title .BaiViet, .tieude {
    float: left;
}

.myshareEmail .Title .BaiViet {
    margin-right: 5px;
}
.tieude {
    color: #14456f;
    font-weight: 500;
}
.Category {
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
}
.Category span {
    width: auto;
    padding: 5px 8px;
    text-decoration: none;
    text-align: center;
    background: #f1f1f1;
    color: #777;
    font-size: 12px;
}
.captcha-border {
    background-color: #fff;
    border: 1px solid #c2cad8;
    outline: none;
    padding: 6px 12px;
    height: 34px;
    box-shadow: none !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-sizing: border-box;
    text-align:center;
}
.captcha-border input.form-control {
    border: 0px !important;
    padding: 0 !important;
    height: auto !important;
}
/************End chinh cai chia se bai viet qua mail****/
/*****************Tim kiem Sharepoint***/
.ms-dialog .footer-body-bottom {
    display: none;
}
.lv-main {
    margin-bottom: 20px;
    background: #FFF;
    border-bottom: 3px solid #CACACA;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
    padding: 0px;
}
@media screen and (max-width: 767px) { 
    .table-responsive > .table {
      margin-bottom: 0;
    }
    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
     white-space: normal !important;
    }
   
    .sp-search{
		display:none;
	}

}
.customText_Blue {
    font-family: "RobotoCondensed-Bold";
}
@media (min-width: 768px){
	.sp-breadcrumbs .ms-tableCell{
		width:200px;
		float:right;
		position:absolute;
		height: 33px;	
		right: 0px;
	}
	#SearchBox {
	    width: 200px;
	}
	.ms-tableCell #SearchBox > div{
	border:1px #ccc solid!important;    
	background-color:#fff;
}
}
.ms-tableCell #SearchBox > div {
    border-radius: 3px;
}
.ms-tableCell * {
    border: 0!important;
}
.ms-srch-sb > input[type=text] {
    border: 0!important;
    height: 25px!important;
    margin: 0px;
    padding: 3px 8px;
    width: 165px!important;
    color: #333!important;
    font-size: 13px!important;
    background-color: transparent !important;
}
.ms-dialog .ms-fullWidth{
		width:100%;
}
.ms-dialog .sp-peoplepicker-topLevel{
	border:1px solid #ababab!important;
}
.ms-mpSearchBox {
    width: 200px;
   	float:none;
}
#searchInputBox{
	float:none;
	margin-bottom:0; margin-top:2px;
}
.ms-tableCell *{
    border:0!important;
}
.ms-tableCell #SearchBox > div{
    border-radius: 3px;
}
.ms-srch-sb > input[type=text] {
    border:0!important;
    height: 25px!important;
    margin: 0px;
    padding: 3px 8px;
    width:165px!important;
    color: #333!important;
    font-size:13px!important;
    background-color: transparent !important;
}
.ms-tableCell .ms-srch-sb-navLink{
	display:none;
}
.ms-tableCell .ms-srch-sb-searchLink{
	float:right;
	  height: 22px;
	 width: 25px;
  	margin-top:0px;
}
.ms-tableCell .ms-srch-sb-searchLink:hover{
	background-color:transparent;
	text-decoration:none;
}
.ms-tableCell .ms-srch-sb-searchLink img{
	display:none;
}
.ms-tableCell .ms-srch-sb-searchLink:before{
	font-family:FontAwesome;
	font-size:14px;
	color:#333;
	content:"\f002";
	padding-left:6px;
}
.ms-tableCell .ms-srch-sb-searchLink:hover:before{
	color:#9ecdff;
}
@media (max-width:767px){
.sp-breadcrumbs{
	max-width:620px;
	margin:0 auto;
	position:relative;
}
.collapse-a {
    display: none;
    visibility: hidden;
}
.in.collapse-a {
    display: block;
    visibility: visible;
}
.sp-breadcrumbs .navbar-toggle-a .fa{
	font-size:25px;
	color:#fff;
}
.sp-breadcrumbs .navbar-collapse-a{
	position: absolute;
    top: 1px;
    left:0px;
    right:0px;
    padding:6px 10px;
    background-color:#fff;
    border-top:1px #ccc solid;
    border-bottom:1px #ccc solid;
}
.sp-breadcrumbs .ms-tableCell {
    width: 100%;
    float: none;
    display:block;
}
.ms-srch-sb > input[type=text] {
    height: 42px !important;
    width: 100% !important;
    font-size: 18px !important;
    position:relative;
    padding-right:44px;
    color:#888!important;
}
.ms-tableCell .ms-srch-sb-searchLink {
    height: 40px;
    width: 44px;
    margin-top:-40px;
}
.ms-tableCell .ms-srch-sb-searchLink::before {
    font-size: 25px;
    padding-left: 8px;
}
.ms-srch-sb {
    display: block;
}
.ms-mpSearchBox {
    width: 100%;
}
}
@media (min-width:768px){
#SearchBox{
	width:200px;
}
}

/***/
/**** search result ***/
.sp-bodysearch{
   /* padding: 0px 15px 15px 15px;*/
    background: #FFF;
    border-bottom: 3px solid #CACACA;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
}
.ms-ref-refiner {
    padding: 0;
}
.ms-srch-sbLarge{
	display:block;
}
div.titlePageSearch{
	color:#e00;
	font-size:20px;
	margin-bottom:20px;
}
.searchResult .ms-webpartzone-cell{
	margin-bottom:0;
}
.ms-ref-ctrl{
	margin-left:-10px;
}
.ms-ref-refiner #Container{
	background-color:#f3f3f3;
	border-top:1px #ccc solid;
	border-radius:0 2px 0 0;
	margin-bottom:20px;
}
.ms-ref-refiner #Container > a, .ms-ref-refiner #Container > div{
	padding-left:12px;	
}
.ms-ref-refiner #Container a.ms-ref-refinername{
	padding-top:6px;
	width:100%;
	border-top:1px #fff solid;
	box-sizing:border-box;
}
h3.ms-srch-ellipsis{
	font-size:16px;
	line-height:normal;
	margin-top:0;
	white-space:normal!important;
}
h3.ms-srch-ellipsis a:hover{
	color:#e00;
}
/**/
.ms-srchnav, .ms-floatLeft#SearchBox{
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
.ms-srchnav-list .ms-srchnav-item {
	padding-right: 0;
}
div.ms-srchnav h2 a {
	height: 32px;
	line-height: 32px;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	display: block;
	margin-right: 2px;
	color: #000;
	padding: 0px 7.8px;
	font-weight: bold;
	font-size:11.4px;
}
div.ms-srchnav h2 a.ms-srchnav-link-selected, div.ms-srchnav h2 a:hover {	
	color: #fff;
	text-decoration: none;
}
div.ms-srchnav {
	box-sizing: border-box;
}
.ms-srch-sbLarge > input {
	font-size: 16px;
	margin: 0px;
}
table.ms-webpartPage-root{
	border-spacing:0;
}
.ms-floatLeft#SearchBox {
	padding: 20px;
	float:none;
	background-color: #FFF;
    text-align: center;
    border-bottom: 1px #ddd solid;
	margin-bottom:10px;
}
.ms-srch-result .ms-srch-upscope-top {
    margin-top: 0;
    margin-left:10px;
    display:none!important;
}
.ms-floatLeft#SearchBox input.ms-srch-sbLarge-fullWidth {	
	height:34px;	
	background-color: #fff;
	border: 1px solid #c2cad8;
	outline: none;
	padding: 6px 12px;
	box-shadow: none!important;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	width: 100%;
	box-sizing: border-box;
}
.pagelayout_Trang01Zone .ms-srch-sb-searchLink{
	float:right;
	position:relative;
	margin-top:-31px!important;
	margin-right:7px;
}
.ms-floatLeft#SearchBox .ms-srch-sbLarge {
	border: 0!important;
	overflow:hidden;
}
.ms-srch-hover-outerContainer h3{
	font-size:16px;
}
.ms-srch-item {
    width: 100%;
}
.ms-srch-hover-outerContainer, .ms-srch-item-path, .ms-srch-resultFooter{
	display:none!important;
}
@media (max-width:991px){
.ms-srch-hover-outerContainer{
	visibility:hidden!important;
}
.ms-srch-item-path{
	width:300px;
	word-wrap:break-word;
}
}

/***Fix 25/05/2020*****/
div.ms-srch-result *{
	font-family:Roboto;
}
div.ms-srch-result {
    margin-top: 0px;
    margin-bottom: 15px;
    position: relative;
    background: #FFF;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
    padding:15px 0px;
}
.ms-srch-result #ResultHeader{
	display:none!important;
}
.ms-srch-group-content{
	padding:0px 20px;
}
div.ms-srch-item{
    list-style: none;
    padding: 10px 0;
    margin:0;
    border-bottom: 1px solid #f4f6f8;
}
div.ms-srch-item:hover,div.ms-srch-item:focus{
	cursor:pointer;
}
div.ms-srch-item-title{
 	margin: 0 0 10px;
    color: #14456f;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
}
h3.ms-srch-ellipsis {  
	margin-top: 0;
	color: #14456f;
	font-size: 20px;
	line-height: 26px;
	font-weight: 300;
}
h3.ms-srch-ellipsis a,h3.ms-srch-ellipsis a:link{
	    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}
.ms-srch-result-groups {
    margin-bottom: 15px;
}
 /*****************//****site chinh quyen****/
.card-item-top{
	    padding: 10px 0;
    border-bottom: 1px #e1e1e1 solid;
    overflow: hidden;
    clear: both;
}
.card-item-thumb {
    width: 25%;
    float: left;
    margin-right: 2%;
    box-sizing: border-box;
}
.card-item-content {
    width: 73%;
    float: right;
    text-align: justify;
    font-weight: 500;
    line-height: 1.5;
}
.card-item-top .card-title a,.card-item-top .card-title a:link,.card-item-top .card-title a:visited{
	 color: #14456f;
    font-size: 16px;   
    font-weight: 400;
}
@media (min-width: 768px){
	.card-tq-body-content {
		max-height: 85px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

}
/********hoi dap***/
/**********************custom table search*****************/
.dropzone, .dropzone * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
div.dropzone-item{
	width:46%!important; display:inline-block; float:right;
}
div.dropzone-item:nth-child(2n+1) {
	float:left;
}
.btn-xs {
    padding: 2px 4px;
}
.btn.red:not(.btn-outline) {
    color: #FFFFFF;
    background: #e70507;
    border-color: #e70507;
}
.table-responsive td .btn.red {
  /*  border-color: #e7505a;
    color: #e7505a;
    background: 0 0;*/
}
.btn.btn-outline.red:hover, .btn.btn-outline.red:active, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:focus, .btn.btn-outline.red.active {
    border-color: #e7505a;
    color: #ffffff;
    background-color: #e7505a;
 }
 .btn-actions-right-title .btn{
	 padding: 2px 10px
}
.btn-actions-right-title .btn.red{
	border-color: #e7505a;
    color: #e7505a;
    background: 0 0;
}
.btn-actions-right-title .btn.red:hover,.btn-actions-right-title .btn.red:focus{
	border-color: #e7505a;
    color: #ffffff;
    background-color: #e7505a;
}
.btn-actions-right-title .btn.bg-yellow-casablanca{
	border-color: #f2784b;
    color: #f2784b;
    background: 0 0;
}
.btn-actions-right-title .btn.bg-yellow-casablanca:hover,.btn-actions-right-title .btn.bg-yellow-casablanca:focus{
	border-color: #f2784b;
    color: #ffffff;
    background-color: #f2784b;
}
.btn-actions-right-title .btn.green:hover,.btn-actions-right-title .btn.green:focus{
	border-color: #28aeb9;
    color: #ffffff;
    background-color: #02b8c8;
}

.btn-actions-right-title .btn:hover,.btn-actions-right-title .btn:focus,.btn-actions-right-title .btn:visited{
	/*color:#fff;
	 background: rgba(76, 175, 80, 0.3)
	opacity:0.7;	*/
	    border-color: #db261d;
}
/***************HOI DAP- TraLoi**************************/
.lvhoidap.panel-primary > .panel-heading {   
    background-color:transparent;
    border-color:transparent;
    color: #14456f;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom:20px; padding:0px;
}
.panel-body.lvhoidap-form{
	padding:0px;
}
.lvhoidap-form .form-group > .row{
	margin-bottom:10px;
}
.lvhoidap-form .row .col-md-4  a{
    display: inline-block;
    float: left;
    font-family: 'Roboto5';
    font-size: 11px;
    font-weight: 500;
    border-bottom: 1px #ddd solid;
    background-color: #e6f1fb;
    padding: 4px 5px 5px 5px;
    margin-right: 5px;
}
.div-clear.value .attach-list-name{
	 width: 46%!important;
    display: inline-block;
    float: right;
}
.div-clear.value .attach-list-name:nth-child(2n+1) {
    float: left;
}
.attach-list-name{	
    font-family: 'Roboto';
    font-size: 11px;
    font-weight: 500;
    border-bottom: 1px #ddd solid;
    background-color: #f5f5f5;
    padding: 4px 5px 5px 5px;
    margin-bottom: 5px;
}
 .attach-list-delete a,.delete-att{
	 border-bottom: 1px #e70507 solid; display:inline-block;
    background-color: #e70507;
    padding: 3px 5px 3px 5px;   font-size: 11px;
    font-weight: 300; color:#fff; cursor:pointer;
}
.attach-list-delete a:hover,.attach-list-delete a:focus,.delete-att:focus,.delete-att:hover{
	background-color: #cc3304!important;
	border-bottom:1px #e70507 solid;
	color:#fff;
}
.portlet-title h4.block {
    color: #14456f;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
}
.form-group .div-clear.value  span{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
    color: #333;
    font-weight: 300;
}
.div-clear.value *{
	color:#555!important;
	width:auto!important;	
	line-height:18px!important;
}
.div-valueNoiDung p{
	margin-bottom:10px!important;
}
.no-bor-bottom{
	border-bottom:0px!important;
}
.group-thongtin{
	margin-bottom:20px;
}
.form .form-section, .portlet-form .form-section {
	font-weight: 600;
	font-family: 'RobotoCondensed-Bold', sans-serif;
	font-size: 18px;  	
	margin: 10px 0;  
 }
 /****lien he*****/
 #lienhe *{
	font-family:Roboto!important;
	font-size:14px;
}
 #lienhe{
	padding:10px;
    position: relative;
    background: #FFF;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
}
 #lienhe h2{
	margin-right: 10px;
    font-size: 16px!important;
    font-family: 'RobotoCondensed-Bold'!important;
    text-transform: uppercase;
    font-weight: 600;
}
#lienhe h2:after {
    height: 1px;
    overflow: hidden;
    margin-top: 5px;
    border-bottom: 1px #da251c solid;
    width: 90px;
}
.Trang03Zone_Center  iframe{	
    background: #FFF;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA;
    width:100%!important;
}
/*********************Thu vien media****/
.media-header,.video-head,.audio-header, .audio-head{	
    margin-bottom:10px;
    height:36px;  
    overflow: hidden;
    border-bottom: 1px #eaeaea solid; 
}
.media-header h3 ,.video-head h3,.audio-header h3,.audio-head h3{
    margin-right: 10px;
    font-size: 16px;
    font-family: 'RobotoCondensed-Bold';
    text-transform: uppercase;
    font-weight: 600;color: #FFF;
}
.media-header h3 i,.media-header h3 span ,.video-head h3 i,.video-head h3 span,.audio-header h3 i,.audio-header h3 span,.audio-head h3 i,.audio-head h3 span{
    color: #FFF;
}
.item-box-blog-heading .card-text {
  
}

.card-box-body-tab > .nav-tabs {
    border: none;
    margin: 0px;
}
.card-box-body-tab > .nav-tabs > li {
	/*margin-bottom: 2px;*/
}
.card-box-body-tab > .nav-tabs > li > a {
	background: none !important;
	border: 0;
	margin: 0;
	padding: 10px 15px 10px 15px;
	display: inline-block;
	color: #383838;
	font-size: 14px;
	font-family: 'RobotoCondensed-Bold';
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 1px solid transparent;
}
.card-box-body-tab > .nav-tabs > li > a > i {
	color: #a6a6a6;
}
.card-box-body-tab > .nav-tabs > li.active > a {
	background: none;
	border-bottom: 2px solid #FF7A00;
	position: relative;
}
.card-box-body-tab > .nav-tabs > li:first-child {
	margin-left: 10px;
}
.card-box-body-tab > .nav-tabs > li.active > a {	
	color: #FF7A00;
}
.card-box-body-tab > .nav-tabs > li.active  > a> i {
	color: #404040;
}
.card-box-body-tab > .nav-tabs > li > a.open,.card-box-body-tab > .nav-tabs > li > a:hover {
	background: none;border: 0;color: #FF7A00;
	border-bottom: 2px solid #FF7A00;
}
.card-box-body-tab > .nav-tabs > li.open > a > i,.card-box-body-tab > .nav-tabs > li:hover > a > i {
	color: #FF7A00;
}
.card-box-body-tab > .nav-tabs > li.open .dropdown-menu,.card-box-body-tab > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.card-box-body-tab > .media-content ,.card-box-body-tab > .audio-content{   
    border: 1px solid #eaeaea;
    padding:20px 20px;
    overflow:hidden; display:flex; background:white; height:200px;
}
/******/
.row-audio,.row-video{
	margin-bottom:10px;
}
.bg-audio audio{
	background-color:#fff;
	width:100%!important;
	height:360px;
}
#iframe video,#iframe iframe{
	background-color:#fff;
	width:100%!important;
	height:360px!important;
}
.video-box-content,.audio-box-content{
	height:320px;
	overflow:auto;
}
.video-sidebar,.audio-sidebar{
	background:white; padding:0!important;
}
.video-sidebar .playmedia,.audio-sidebar .playaudio{
	clear:both;
	width:100%!important;	
	margin:0px!important;
	border-top:1px #fff solid;	
}
.video-box .playmedia:first-child,.audio-box .playaudio:first-child{
	border-top:1px transparent solid;	
}
.video-box .video-sidebar .playmedia .media-item,.audio-box .video-sidebar .playaudio .media-item{
	height:95px;
	cursor:pointer;
	margin-bottom:10px;
		
}
.video-box .media-item-title,.audio-box .media-item-title{
	/*float:left;	
	width:175px;*/
	height:auto!important;
	max-height:none!important;
	padding-top:0px; cursor:pointer;
}
.row-list-media  .media-item-title{
	width:100%;

}
.video-box .media-item-title .item-tt,.audio-box .media-item-title .item-tt{
	/*max-height:32px;
	overflow:hidden;
	line-height:16px;
	font-weight:bold;	
	display:block;	
	text-align:justify;*/
	  font-weight: 400!important;
    font-size: 14px;
    line-height: 18px;
    max-height: 52px;
    overflow: hidden;
    color: #333;
}

.video-box .media-item-title .item-mt,.audio-box .media-item-title .item-mt{
	clear:both;
	max-height:48px;
	overflow:hidden;
	line-height:16px;
	display:block;	
	text-align:justify;
}
.video-box .media-item-image,.audio-box .media-item-image{
	/*float:left;*/
	height:82px;
	width:120px;
	margin-right:5px;
	position:relative;
}
.video-box .media-item-image img,.audio-box .media-item-image img{
	height:82px;
	width:120px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;object-fit: cover;
	
}
.video-box .media-item-image div,.audio-box .media-item-image div{
	position:absolute;
	top:25px;
	left:38px;
	z-index:2;
}
.video-box .media-item-image div img,.audio-box .media-item-image div img{
	width:40px;
	height:40px;
	border:none;
}
.noibat-active{
	background-color:#fffdc0!important;
	border-radius:2px;
}
.playmedia:hover{
	background-color:#fffdc0;	
	border-radius:2px;
}
/**moi **/
.video-box .row-list-media  .playmedia .media-item{
	height:120px;
}
.row-list-media .media-content .playmedia{
	width: 18.8% !important;
    margin-right: 1.5%; padding:0px;    -webkit-box-flex: 0;
    -ms-flex: 0 0 18.8%;
    flex: 0 0 18.8%;
    max-width: 18.8%;
}
.row-list-media .media-content .playmedia:nth-child(5){
	 margin-right:0;
}



.video-box .playmedia .media-item{
	padding:0;
}
.row-list-media .media-content .playmedia .media-item-image{
	display: block;
	width: 100%;
	height: 100%;
}
.row-list-media .media-content .playmedia .media-item-image img {   
    width: 100%;
    height: 100%;	object-fit: cover;
}
.audio-sidebar .media-item-image{
	float:left;
}
/*****thuvienanh****/
.ThuVienImage .owl-carousel.owl-drag .owl-item{
	
}
.ThuVienImage .owl-nav {
    font-size: 50px;
    position: absolute;
    top: -70px;
    right:10px;
   	color:white;  

}

.ThuVienImage .owl-carousel .owl-item img {
  	max-height:480px;
  	object-fit: cover;  
  
}
.card-box-body-image{
	padding: 10px;
    border: 1px #d2d2d3 solid;
    clear: both;
    background: #FFF;
    height: 500px;
   
}
/******/
.fix-BodyHtmlAuto  >  div{
	width:100%!important;
}
.fix-BodyHtmlAuto map{
	margin-left:20px;
}
/********Hoat dong lanh dao - ok***/
.slide-box-hoatdonglanhdao-content{
	padding: 10px 10px 20px 10px;
}
.slide-box-hoatdonglanhdao-content .item-box-blog-image{
	height:107px; overflow:hidden; margin-bottom:8px;	
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)

}
.slide-box-hoatdonglanhdao-content .item-box-blog-image img {
   object-fit: cover;		
	height:100%;
	width:100%;
	border: 0;
 
}
.slide-box-hoatdonglanhdao-content .carousel-item{
	align-items: normal;
}
.slide-box-hoatdonglanhdao-content .carousel-item .col-md-3 {
	width: 18.8% !important;
	margin-right: 1.5%;
	padding: 0px;
	flex: 0 0  18.8%;
	max-width:  18.8%;
}
.slide-box-hoatdonglanhdao-content .carousel-item .col-md-3:nth-child(5) {
    margin-right: 0;
}
.slide-box-hoatdonglanhdao-content .item-box-blog-heading{
	max-height:60px; overflow:hidden;
}
.slide-box-hoatdonglanhdao-content .item-box-blog-heading .card-text{
	height: 55px;
	overflow: hidden;
	font-weight:400;
}
.slide-box-hoatdonglanhdao-content .item-box-blog-heading a:focus .card-text,.slide-box-hoatdonglanhdao-content .item-box-blog-heading a:hover .card-text{
	color:#d00;
}
.slide-box-hoatdonglanhdao-content .carousel-control-prev .carousel-control-prev-icon,.slide-box-hoatdonglanhdao-content .carousel-control-next .carousel-control-next-icon{
	
    background-image:none;
}
.slide-box-hoatdonglanhdao-content .carousel-control-next .carousel-control-next-icon:before{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.2em;
	content: "\f054"; color:black; 
}
.slide-box-hoatdonglanhdao-content .carousel-control-prev .carousel-control-prev-icon:before{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.2em;
	content: "\f053"; color:black;
}
.slide-box-hoatdonglanhdao-content .carousel-control-next,.slide-box-hoatdonglanhdao-content .carousel-control-prev{
	top:-40px; bottom:auto; width:0;
}
.slide-box-hoatdonglanhdao-content .carousel-control-prev{
	left:auto; right:30px;
}
.slide-box-hoatdonglanhdao-content .carousel-control-next{
	left:auto; right:10px;
}
/**********sub TTHC****/
.TrangTTHC .row-top{
	margin-bottom:15px;
}
.TrangTTHC .row-full{
	margin-bottom:12px;
}
@media (min-width: 768px){
	.BenTre_TTHC_masCustom .header-navigation > ul > li.menutop-index-1 > .dropdown-menu {    
	    min-width: 500px;
	}
}
/**Trang Mot Cua***/
.zoneRight-motcua iframe{
	width:100%!important;
}
 
@media (min-width: 768px){
	.igate-theme .container {
     width: 100%; 
}
.zoneRight-motcua{
	
}

}
/*******Responsive******/
/*****responsive***/
div.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{
	/*padding-right: 10px;
	padding-left: 10px;*/
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media (min-width: 576px) {
 .container,.container-fluid, .container-sm, .container-md, .container-lg {
   /* max-width: 540px;*/
  }
}
@media (min-width: 768px) {
	.container,.container-fluid, .container-sm, .container-md, .container-lg {
  		 max-width: 720px; 
 	 }    
}
@media (min-width: 992px) {
   .container,.container-fluid, .container-sm, .container-md, .container-lg {
  	 max-width: 960px; 
  } 
}
@media (min-width: 1200px) {
   .container,.container-fluid, .container-sm, .container-md, .container-lg {
  	 max-width: 1140px; 
  }
 
}
@media (min-width: 768px) and (max-width: 991px) { 
	.container,.container-fluid, .container-sm, .container-md, .container-lg {
		/*max-width: 960px;*/
	}
	
}
@media (min-width: 576px){
	.container {
   /* max-width: 100%;*/
}

}
@media(max-width:767px){
	div#ms-designer-ribbon{
		display:none;
	}
	div.sp-truycap{
		display:none;
	}
	.sp-main .container{
		max-width:100%;
	}
	.sp-main .container-fluid{
		padding-left:10px; padding-right:10px;
	}
	div[class*="col-"] {		
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;		
	}
	div.ZoneLeft,div.zoneRight,.portlet-body-top{
		padding-left:10px; padding-right:10px;	
	}
	.row-2col .col-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0px;
		margin-right: 0%;
	}
	#lienhe{
		padding-left:0px;
		padding-right:0px;
	}
	#lienhe .contentpane{
		margin:10px;
	}
	div.mangluoi,div.mapRight {		
		-ms-flex: 0 0 100%!important;
		flex: 0 0 100%!important;
		max-width: 100%!important;		
	}	
}
/*****fix loi 25-10-2020***/
.fix-BodyHtmlAuto .ms-rteTable-default{
	/*width: auto !important;;*/
}
@media (min-width: 768px){
	.fc-center-left{
		left:33.3333%	
	}
	.fc-left-center{
		right:41%;		
	}
	.spNews-zoneLeft,.ZoneLeft-Center,.Trang03Zone_Left_mCenter{
		right:50%;    
	}
	.spNews-zoneCenter,.zoneCenter-Left,.Trang03Zone_Center_mLeft{
		left:25%;
	}
	.zoneRight-8{
		left:33.3333%
	}
	.zoneMenuLeft-4{
		right:66.666667%;
	}
	.mapRight-9 {
		left:25%;
	}
	.mangluoi-3{
		right:75%; 
	}
	
}
.fc-view-bottom{
	background-color: #f0f1f4;
    overflow: hidden;
    padding: 20px 15px;
    border: 1px #ddd solid;
  
}
.fc-view-bottom-left {
	font-size: 14px;
	font-style: italic;
	color: #000;	
}
.fc-view-bottom-row1{
	padding-bottom:5px;
}
.table-lichlamviec td, .table-lichlamviec th {
   /* border: 0px solid #dee2e6;*/
}
/***/
.ms-rtestate-field h4, h4.ms-rteElement-H4{
	color:inherit;	
}
.sp-footer .ms-rtestate-field {
    padding: 0px;
    background: transparent!important;
}
.css_quochoi{
	text-align:center;
}
.card-content-ver-nav .fa:before{
	color:#006792 !important;
}